JSFiddle - React, Tailwind, and code Playground

HTML

<div id="paper" style="width:300px; height:200px"></div>

CSS

#paper { border:5px solid black }

JavaScript

var paper = Raphael("paper");

var good_cat = paper.image( "http://pp19dd.com/_old/lily.png",40,20,96, 145);

var evil_cat = paper.image( "http://pp19dd.com/_old/cookie.png",160,20,96, 145);

var angle = 0;

setInterval( function() {
    angle += 45;        
    good_cat.stop().animate( { "transform": "R" + angle }, 300, "<>" );
}, 500 );


setInterval( function() {
    r = parseInt(Math.random() * 359);
    evil_cat.stop().animate( { "transform": "R" + r }, 300, "<>" );
}, 1000 );