JSFiddle - React, Tailwind, and code Playground

HTML

<img id="IMG1" class="gifswitch" src="http://ultimatemmo.webege.com/images/Classes/mage.gif" />

<!--Preload Second Image (for smooth transition)-->
<img id="IMG2" src="http://ultimatemmo.webege.com/images/Classes/mage.jpg" />

CSS

#IMG1{
    display:none;
}

JavaScript

$('#IMG1').click(function(){
$(this).attr('src','http://ultimatemmo.webege.com/images/Classes/mage.gif');
});