JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img class="crop" src="http://lorempixel.com/500/200" />
</div>

    <img src="http://lorempixel.com/500/200" />

CSS

div
{
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 10px;
    position: relative;
}
.crop {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    width: auto;
    height: auto;
}