.il-78bd25cf-viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}

.il-78bd25cf-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: il-78bd25cf-scroll 15s linear infinite;
    will-change: transform;
}

.il-78bd25cf-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(25% - 22.5px); /* Responsive default calculation based on 4 items and gap */
    max-width: 250px;
    height: 100%;
}

.il-78bd25cf-item img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

@keyframes il-78bd25cf-scroll {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0); /* Perfect offset scroll for duplicated track loop */
    }
}

/* Pause scroll when editor is setting things or hovered if needed, otherwise continuous */
.il-78bd25cf-viewport:hover .il-78bd25cf-track {
    animation-play-state: running;
}
