.slider{z-index:0;width:100%;height:100vh;margin:0;position:absolute;inset:0;overflow:hidden}.slider-image{object-fit:cover;opacity:.55;width:100%;height:100%}.prev,.next{color:#fff;cursor:pointer;z-index:50;background-color:#00000080;border:none;border-radius:50%;padding:10px;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.prev{left:10px}.next{right:10px}.dots{text-align:center;width:100%;position:absolute;bottom:15px}.dot{cursor:pointer;background-color:#bbb;border-radius:50%;width:12px;height:12px;margin:0 4px;display:inline-block}.dot.active{background-color:#fff}