JSFiddle - React, Tailwind, and code Playground

HTML

<div class="textAnm2">
    <p class="txt1">11111</p>
    <p class="txt2">22222</p>
    <p class="txt3">3333</p>
</div>

CSS

.textAnm2 .txt1 {
     position:absolute;
     top:340px;
     left:615px;
     font-size:13px;
     opacity:0;
     color:#142462;
 }
 .textAnm2 .txt2 {
     position:absolute;
     top:230px;
     left:120px;
     font-size:13px;
     opacity:0;
     color:#142462;
 }
 .textAnm2 .txt3 {
     position:absolute;
     top:280px;
     left:270px;
     font-size:13px;
     opacity:0;
     color:#142462;
 }

JavaScript

ani();

function ani() {
    $.when(
        $('.txt1').delay(500).animate({
            opacity: '1',
            top: '350px'
        }, 500, 'linear'),
    
        $('.txt1').delay(2000).animate({
            opacity: '0'
        }, 500, 'linear'),
    
    
        $('.txt2').delay(4500).animate({
            opacity: '1'
        }, 500, 'linear'),
    
        $('.txt2').delay(2000).animate({
            opacity: '0'
        }, 500, 'linear'),
    
        $('.txt3').delay(9000).animate({
            opacity: '1',
            top: '290px'
        }, 500, 'linear'),
    
        $('.txt3').delay(2000).animate({
            opacity: '0'
        }, 500, 'linear')
    ).then(ani);
}