JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div id="inner"></div>
    <div id="right-col">
        <ul id="intro">
            <li id="greeting">
                 <h2> 111 </h2> 
            </li>
            <li id="sidenote">
                 <h6>  222 </h6> 
            </li>
            <li id="sentence">
                 <h3>  333 </h3> 
            </li>
            <li id="sentence">
                 <h3>  44</h3> 
            </li>
            <li id="sentence">
                 <h3>  555</h3> 
            </li>
        </ul>
    </div>
</div>

JavaScript

$("#intro li").hide();


    var $li = $("#intro li");

    $li.each(function(){
        $(this).fadeIn(2000,function(){
         $(this).fadeOut(2000);
    
    });
})