.carousel-container {
    width: 100%;
    padding-top: 45px;
    overflow: hidden;
    position: relative;
}

.carousel-slide {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    opacity: 1;
    transition: all 0.8s ease-in-out;
}


/* Mobile Responsive */
@media (max-width: 768px) {
    .carousel-container {
        padding-top: 60px;
    }
    .carousel-slide {
        height: 350px;
       background-size: 80%;
        background-position: center;
    }
}

@media (max-width: 576px) {
    .carousel-container {
        padding-top: 40px;
    }
    .carousel-slide {
        height: 300px;
        background-size: 100%;
        background-position: center;
    }
}

@media (max-width: 400px) {
    .carousel-container {
        padding-top: 30px;
    }
    .carousel-slide {
        height: 250px;
        background-size: 120%;
        background-position: center;
    }
}