JSFiddle - React, Tailwind, and code Playground

HTML

<div class="class_name">
    <img src="http://www.menucool.com/slider/prod/image-slider-4.jpg" />
</div>

<div class="stretched">
    <img src="http://www.menucool.com/slider/prod/image-slider-4.jpg" />
</div>

CSS

div.class_name, div.stretched {
    height: 200px;
    width: 200px;
}

div.class_name img {
    max-width: 100%;
    max-height: 100%;    
}

div.stretched img {
    width: 100%;
    height: 100%;
}