JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>Not scaled</p>
    <p class="img"><img src="http://jsfiddle.net/img/logo.png" alt="" /></p>
</div>
<div id="scaled">
    <p>Scaled</p>
    <p class="img"><img src="http://jsfiddle.net/img/logo.png" alt="" /></p>
</div>

CSS

.img {background:red;}

JavaScript

$('#scaled *').each(function(){
  if ($(this).text() != '') 
      fontSize = parseInt($(this).css("font-size")) * 2;
      $(this).css('font-size',fontSize);
});

$('#scaled img').each(function(){ 
    imageWidth = this.width * 2.5; //incease by 150%
    $(this).css('width',imageWidth);
})