JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="http://img.playit.pk/vi/dH6NIe7wm4I/mqdefault.jpg" />
</div>
<div>
    <img src="http://img.playit.pk/vi/dH6NIe7wm4I/mqdefault.jpg" class='perfect-fit' />
</div>

<!--
This tries to do a perfect fit
-->

CSS

img.perfect-fit {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}
div {
    float: left;
    margin-right: 20px;
    width: 300px;
    height: 300px;
    overflow:hidden;  
    background-color: #ccc;
}