JSFiddle - React, Tailwind, and code Playground

HTML

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

center cropped image


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

CSS

a{
    position:absolute;
clip:rect(0px,200px,200px,0px);
}

a img{
    position:relative;
    left:-50%;
    top:-50%;
}