.carousel-container{width:100vw;height:80vh;position:relative;overflow:hidden}.carousel-slide{opacity:0;z-index:0;width:100%;height:100%;transition:opacity 1.2s ease-in-out;position:absolute}.carousel-slide.active{opacity:1;z-index:1}.carousel-img{object-fit:cover;z-index:-1}.nav-btn{color:#fff;cursor:pointer;z-index:2;background:#0006;border:none;padding:.5rem 1rem;font-size:2rem;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:#000000b3;transform:translateY(-50%)scale(1.1)}.prev{left:20px}.next{right:20px}.active-dot{background:#fff}@media (max-width:768px){.nav-btn{font-size:1rem!important}.carousel-container{height:30vh}}