JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
        <img src='http://design-style.nl/beta/blog/images/masonry/featured.jpg' />
</div>

CSS

.box { height: 100%; width: 450px; border: 2px solid red; background: green; overflow: hidden; }
.box img { height: 100%; width: auto; text-align: center; }