<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>

<script>
$(document).ready(() => {
    let addLeft = '<div id="slider-left" class="slider"><div class="slide-track" id="slides-left">'
    const interval = setInterval(() => {
        let imgs = $('section[data-section-id="68d0bbb967c2010c384e9cde"] img');
        if (imgs.length > 0) {
            for (let j=0; j<10; j++) {
                for (let i = 0; i<imgs.length; i++) {
                    addLeft += '<div class="slide"><img src="'+ $(imgs[i]).attr('data-src') +'" alt="" /></div>'
                }
            }
            addLeft += '</div></div>'
            $(addLeft).prependTo('section[data-section-id="68d0bbb967c2010c384e9cde"]');
            clearInterval(interval);
        }
    }, 100)
})
</script>
<style>
@keyframes scrollLeft {
0% { transform: translateX(0); }
  100% {transform: translateX(calc(-250px * 30));}
}
section:has(.slide-track) .slide img {
    height: 30px;
}

.slider {
height: 30px;
margin: auto;
overflow:hidden;
position: relative;
width: 100%;
  padding-top: 20px;
    padding-bottom: 45px;
}
#slider-left .slide-track {
animation: scrollLeft 250s linear infinite;
display: flex;

}
section:has(.slide-track) .slide {
height: 30px;
padding: 0 40px;
}
section[data-section-id="68d0bbb967c2010c384e9cde"] .section-border, section[data-section-id="68d0bbb967c2010c384e9cde"] .content-wrapper {
    display: none;
}

</style>