JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.0.1/raphael-min.js"></script>
<div id="draw-here-raphael" style="height: 400px; width: 400px; background: #fff; z-index:0;">
</div>

JavaScript

$(function() {
    var r = new Raphael("draw-here-raphael");
    var rec8 = r.rect(90, 240, 50, 40, 5).attr({"fill": "blue"});
    var rec9 = r.rect(120, 300, 50, 40, 5).attr({"fill": "red"});
    
    var rect8glow;
    rec8.mouseover(function(e) {
        rect8glow = this.glow({width:10,  color: "#a354bb"});
        })
    rec8.mouseout(function(e) {
        rect8glow.remove();
    }); 
    
    rec9.mouseover(function(e) {
        rect8glow = this.glow({width:10,  color: "#538b73"});
        })
    rec9.mouseout(function(e) {
        rect8glow.remove();
    }); 
});