.carouselContainer {
    max-width: var(--main-container-max);
    margin: 0 auto;
    @include flex-direction(row);
    overflow-x: auto;
    gap: .8rem;
    padding-left: 0;
    padding-bottom: 1.6rem !important; 

    @include min(tablet) {
        gap: 1.6rem;
    }

    &::-webkit-scrollbar {
        height: 6px;
    }

    &::-webkit-scrollbar-track {
        background: var(--carousel-scroll-background, #b5b5b6);
        border-radius: 10rem;
    }

    &::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10rem;
        background: var(--carousel-scroll-thumb-color, #515156);
    }

    &::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    img {
        min-width: 30.4rem;
        min-height: 15.8rem;
        max-height: 15.8rem;
        border-radius: .8rem;
        object-fit: cover;
        @include min(tablet) {
            min-width: 67.8rem;
            min-height: 35.2rem;
            max-height: 35.2rem;
            border-radius: 1.6rem;
        }

        @include min(laptop) {
            min-width: 67.5rem;
        }
    }
}
.carouselItem{
    @include flex-direction(column);
    height: fit-content; 
}