JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container_marquee'>
         <marquee id='mymarquee' behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();">
                   <span>first marquee text</span>
                   <span>second marquee text</span>
                   <span>third marquee text</span>
                   <span>fourth marquee text</span>
                   <span>fifth marquee text</span>
         </marquee>
        </div>

CSS

div{
  width:400px;
  border:1px solid red;
}

JavaScript

/*setInterval(function(){ 

        $("#mymarquee").append('<span>other text</span>')


      }, 3000);*/