JSFiddle - React, Tailwind, and code Playground

HTML

<div class="full-size"><img src="http://img.movavi.com/how-to/ar3/02.jpg" alt="" /></div>
<div class="clipped"><img src="http://img.movavi.com/how-to/ar3/02.jpg" alt="" /></div>
<div class="clipped-sml"><img src="http://img.movavi.com/how-to/ar3/02.jpg" alt="" /></div>

CSS

.full-size { width:631px; height:209px; }
.clipped { width:400px; height:190px; overflow:hidden; }
.clipped img { width:auto; height:100%; float:right; }
.clipped-sml { width:300px; height:120px; overflow:hidden; }
.clipped-sml img { width:auto; height:100%; float:right; }