JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cloud1 cloud"></div>
<div class="cloud2 cloud"></div>
<div class="cloud3 cloud"></div>
<div class="cloud4 cloud"></div>
<div class="cloud5 cloud"></div>
<div class="cloud6 cloud"></div>

CSS

.cloud { position:absolute; left:-250px; width:50px; height:50px; background-color:#000;}
		.cloud1 { top:260px;} .cloud2 { top:230px;} .cloud3 { top:300px;}
		.cloud4 { top:240px;} .cloud5 { top:330px;} .cloud6 { top:220px;}

JavaScript

function links() {
    for(i = 1; i < 7; i++) {		
        $(".cloud" + i).delay(i*2500).animate({
            left : "+100%"
        }, 10000, 'linear', function() {
            $(this).css({
                left : "-250px"
            });
            
            links();
        });
    }	
}

links();