JSFiddle - React, Tailwind, and code Playground

CSS

@keyframes amaze {
    from {  transform: rotatez(0deg);}
    to {  transform: rotatez(180deg);}
}

svg {
    /* animation: amaze 4s infinite; */
    position:relative;
}

JavaScript

var r = ''
    for(let i = 0; i < 500; ++i) {
        r += `<svg height="10" width="10">
  <rect class='wow' width=10 height=5 stroke="black" stroke-width="2" fill="red" />
  Sorry, your browser does not support inline SVG.
</svg>
 `
    }
    document.body.innerHTML = r;
    
    var svgs = document.querySelectorAll('svg');
    function animate(){
    	var now = Date.now();
    	for(var i = 0; i < svgs.length; i++){
				svgs[i].style.transform = 'translateY(' + (now % 1000) / 10  + 'px) rotate(' + ((now % 1000) / 10) + 'deg)'
      }
      requestAnimationFrame(animate);
    }
    
    animate();