How to create Cloud animation on WordPress page banner

How to create Cloud animation on WordPress page banner.

Cloud Banner Animation Effect CSS

.clouds{
position: absolute;
width: 100vw !important;
top:0;
}

Cloud Banner Animation Custom Attribute

style|--i:1

Cloud Banner Animation CSS

.clouds{
/* animation
animation: animate calc(8s * var(--i)) linear infinite;
*/}

@keyframes animate{
0%{
transform:translateX(-100%);
}
100%{
transform:translateX(100%);
}
}
Download Cloud Animation Images