JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div class="cont">
<div class="cont2">
<div class="theBox">
    <img src="http://w3dk.com/permalink/img/testpattern600x400.png" alt="">
</div>
</div>
</div>

CSS

.cont {width:100px;margin:auto;}
.cont2 {width:100%;}

.theBox {
   overflow: hidden;

   height: 200px;
}

.theBox img {
   display: block;
   height: 100%;
 }