JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <img src="http://forum.vingrad.ru/html/avatars/IPB_Community_Pack/Golfball.gif" alt="" width="75" height="75" />
</div>
<div class="button">
    <input type="button" value="click">
</div>

CSS

#container {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -37.5px 0 0 -37.5px;
    width: 75px;
    height: 75px;
    border: 1px solid red;
    cursor: pointer;
}

JavaScript

$(function(){
    var $container = $('#container');
    $container.on('click', function(e){
        e.stopPropagation();
        $container.height(150).width(150);
    });
    $(document).on('click', function(e){
        e.stopPropagation();
        $container.height(75).width(75);
    });
});