JSFiddle - React, Tailwind, and code Playground

HTML

<button>Clicky!</button>

<div id="engorgio">
    <p>Some text.</p>
    <p>An image: <img src="http://www.gravatar.com/avatar/74c04b6c96836f044ed927a5db4dc92b?s=100&d=identicon&r=PG" /></p>
</div>

CSS

#engorgio {
    background: #ccc;
    padding: 12px;
    width: 100px;
    font: bold 16px sans-serif
}
.zoomedIn2x {
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

JavaScript

$('button').click(function() {
    $('#engorgio').toggleClass('zoomedIn2x');
});