.image-marquee-slider-wrapper {
    overflow: hidden;
    width: 100%;
}

.image-marquee-slider-track {
    display: flex;
    animation: marquee var(--marquee-speed, 20s) linear infinite;
}

.image-marquee-slide {
    flex: 0 0 calc(100% / var(--marquee-count, 3));
    padding: 0 10px;
    box-sizing: border-box;
}

.image-marquee-slide img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(var(--marquee-distance, -100%));
    }
}