JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test"><img src="http://i.stack.imgur.com/GA6bB.png" width="460" height="307" class="testimg" /></div>

<div class="test2"></div>

CSS

.test {
	width: 307px;
	height: 307px;
    overflow:hidden
}

.testimg {
    margin-left: -76px
    
}

.test2 {
	width: 307px;
	height: 307px;
    background: url(http://i.stack.imgur.com/GA6bB.png) 50% 50%
}