JSFiddle - React, Tailwind, and code Playground

by Rafael Boschini

HTML

<br>
<img class="img-responsive" src="http://gizmodo.uol.com.br/wp-content/blogs.dir/8/files/2016/01/Immersit-615x345.jpg">

CSS

.img-responsive{
    height: 50%;
    width: 50%; 
}
.maxSize {
    height: 70%;
    width: 70%; 
 }

JavaScript

$(document).ready(function(){
    
    $('.img-responsive').on( "click", function() {
    	$(this).animate({
      	width:'70%',
        height:'70%'
        },1000);
		});
    
    $('.img-responsive').mouseout(function() {
    	$(this).animate({
      	width:'50%',
        height:'50%'
        },1000);
		});
    
});