stereo-marquee

<div class="scroll-text" data-text="Mens" aria-label="Mens" tabindex="0" id="container">
    <h1 class="assistive-text" style="display: none;">Mens</h1> <!-- here for the SEO, but we don't want it to be Mens Mens Mens etc. This could be any element -->
    <div class="scroll-text__items" id="scroller"><span class="scroll-text__item" aria-hidden="true" style="padding-right: 5px">Mens</span></div>
</div>

const setup = {
    container: document.getElementById('container'),
    scroller: document.getElementById('scroller'),
    fps: 24,
};
const myMarquee = new Marquee(setup);