/* Infinite Slider CSS */
.infinite-slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    /* Ensure no scrollbar */
    white-space: nowrap;
}

.infinite-slider-track {
    display: flex;
    width: max-content;
    /* 40s duration, adjust for speed. Linear for smooth continuous scroll */
    animation: infiniteScroll 60s linear infinite;
}

/* Pause animation on hover over the track or any slide */
.infinite-slider-track:hover {
    animation-play-state: paused;
}

.b-gallery-slider__slide {
    flex: 0 0 auto;
    /* Keep original width or let content define it, but ensure no shrinking */
    width: auto; 
    margin-right: 0; /* As verified */
}

/* Keyframes for sliding left */
@keyframes infiniteScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Move by 50% of the width, assuming we doubled the content */
        transform: translateX(-50%);
    }
}