JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <img src="http://lorempixel.com/output/nature-q-c-640-480-8.jpg" />
</div>
<br/>
<br/>
<br/>
<img src="http://lorempixel.com/output/nature-q-c-640-480-8.jpg" />

CSS

.container {
	width: 300px;
	height: 200px;
	position: relative;
	overflow: hidden;
	border: 1px solid red;
	margin: 100px;
}
.container img {
	top: 50%;
	left: 50%;
	width: 640px;
	height: 480px;
	margin: -240px 0 0 -320px;
	position: absolute;
}