JSFiddle - React, Tailwind, and code Playground

JavaScript

window.onload = function(){  
    var paper = Raphael(0,0,400,400);
    
        var character = paper.set();
        paper.setStart();
        var attr = {fill:'red',stroke:'none'};  
    
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        var shape = paper.rect(100,100,10,20).attr(attr);
        
        var character = paper.setFinish();
        character.transform("t0,200")
        
            
            
        //1st animation.. 
        var chartrnsfrm = Raphael.animation({
            transform:'...t0,-48'        
        },1000,"easeout",function(){
            character.animate(chartrnsfrm1.delay(2000))
        });
        character.animate(chartrnsfrm.delay(2000));
    
    
        //2nd animation.. 
        var chartrnsfrm1 = Raphael.animation({
            transform:'...t0,-48'        
        },1000,"easeout",function(){
            character.animate(chartrnsfrm2.delay(2000))
        });
            
      ...