JSFiddle - React, Tailwind, and code Playground

HTML

<div id="canvas"></div>

JavaScript

(function() {
   
    window.onload = function () {
        var raphael=Raphael("canvas",500,500);
        var dress=raphael.rect(50,30,200,300)
        dress.attr(
        {
            fill:"green",
            stroke:"black",
            opacity:"0.3"
        });
        var mdipoint=raphael.circle(150,175,2).attr(
        {
            fill:"black",
            stroke:"black"
        });
        dress.toFront()

        dress.mouseover(function(){
            dress.scale(0.5)
        });
        dress.mouseout(function(){
            dress.scale(1);
        })
    };
}());