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