.scrolling-banner-container {
    width: 100%;
    background-color: black;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 220px;
}

@keyframes scrolling-banner-animation {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-100%);
    }
}

.scrolling-banner-item {
    display: inline-block;
    width: 300px;
    height: 200px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: 0.1s;
    will-change: transform;
}

.scrolling-banner-item:hover {
    cursor: pointer;
    filter: brightness(50%);
}

.scrolling-banner-inner-wrapper {
    position: absolute;
    vertical-align: middle;
    height: 220px;
    padding-right: 5px;
    transform: translateX(100%) translateZ(0);
    animation: scrolling-banner-animation 26s infinite;
    animation-timing-function: linear;
    animation-delay: -13s;
    will-change: transform;
}

.scrolling-banner-inner-wrapper-delayed {
    animation-delay: 0s;
}

.scrolling-banner-outer-wrapper {
    position: relative;
    width: 400vw;
}

.scrolling-banner-container:hover .scrolling-banner-inner-wrapper {
    animation-play-state: paused;
}

/* BEGIN NO-WEBP */