@media (min-width: 0px) and (max-width: 539px) {
    .carousel-container {
        transform: scale(0.75);
        perspective: 1920px;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .carousel-container {
        transform: scale(0.75);
        perspective: 1920px;
    }
}

@media (min-width: 768px) and (max-width: 911px) {
    .carousel-container {
        transform: scale(0.90);
        perspective: 1500px;
    }
}

@media (min-width: 912px) and (max-width: 1023px) {
    .carousel-container {
        transform: scale(0.66);
        perspective: 1500px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .carousel-container {
        transform: scale(0.87);
        perspective: 1800px;
    }
}

@media (min-width: 1280px) and (max-width: 1500px) {
    .carousel-container {
        transform: scale(0.96);
        perspective: 2100px;
    }
}