JSFiddle - React, Tailwind, and code Playground

HTML

<div class="crop"> 
    <a href="http://upload.wikimedia.org/wikipedia/commons/3/3b/Colored-Pencils.jpg">
        <img src="http://upload.wikimedia.org/wikipedia/commons/3/3b/Colored-Pencils.jpg" width="100px" />
    </a>
</div>

CSS

.crop {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.crop img {
    width: 400px;
    height: 300px;
    margin: -75px 0 0 -100px;
}