JSFiddle - React, Tailwind, and code Playground

HTML

<HTML>
<HEAD>
<STYLE>
.crop { width: 200px; height: 150px; }
.scalePan { width: 320px; height: 221px; margin: -0px 0 0 -0px; }
</STYLE>
</HEAD>
<BODY>
<div class="crop">
    <img src="http://i.msdn.microsoft.com/dynimg/IC428814.gif" alt="dummy" class="scalePan"/>
</div>
</BODY>
</HTML>

JavaScript

$(document).ready(function() {
    var wdth = $('img').width();
    var hght = $('img').height();

    $('img').css('width',  wdth / 100 * 90 + "px");
    $('img').css('height', hght / 100 * 70 + "px");
});