/* Carousel Container */
.carousel-container {
    height: auto; /* Adjusted to auto to accommodate more rows */
    display: flex;
    flex-direction: column;
}

/* Individual Carousels */
.carousel {
    height: 33.333vh; /* Adjusted height for each row */
    width: 100%;
    overflow: hidden;
    position: relative;
}

.carousel-track {
    display: flex;
    height: 100%;
    transition: transform 0.5s ease-out;
    will-change: transform;
}

.carousel-track.reverse {
    flex-direction: row-reverse;
}

/* Carousel Cards */
.carousel-card {
    flex: 0 0 calc(25% - 10px);
    height: 33.333vh; /* Adjusted height for each row */
    margin: 0 5px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16/9;
    border: 1px solid var(--glass-border);
    overflow: hidden;
}

.carousel-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}