JSFiddle - React, Tailwind, and code Playground

HTML

<p>Cropped Image</p>
<div class="auth-avatar">
    <img src="http://b.vimeocdn.com/ps/387/442/3874425_300.jpg" />
</div>   
<p>Original Image</p>
<img src="http://b.vimeocdn.com/ps/387/442/3874425_300.jpg" />

CSS

.auth-avatar {
    width: 300px;
    height: 150px;
    overflow: hidden;
}

.auth-avatar img {
width:100%;
}