JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <article class="article">
        <img class="article-img" src="http://www.bordeaux-executive-travel.com/images_spaw/Bordeaux_-_Grand_Theatre_4.jpg" />
    </article>
</div>

CSS

.container{
    width:500px;
    height:200px;
}
.article{
    max-height:100%;
}
.article-img{
    max-height:100%;
}