JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cloud"></div>

CSS

#cloud {
    position: absolute;
    left: 100px;
    float: left;
    width: 50px;
    height: 50px;
    background: #09f;
    animation:mymove 12s infinite;
    animation-delay:0s;
}

@keyframes mymove
{
0%   {left:0px; opacity: 0;}
20%  {left:1050px; opacity: 1; }
100% {opacity: 0; left: 1050px; }
}