Image crop
http://stackoverflow.com/q/28941555/4402222
by Ram Tobolski
HTML
<div id="cendiv"></div>
<div id="leftdiv">
<img src="http://www.freeimages.com/assets/182924/1829230933/leaf-collection-1-895724-m.jpg">
</div>CSS
#cendiv{position:absolute;
width:30%;
height: 20%;
background-color: yellow ;
left:35%;
top:40%;
}
#leftdiv {position: absolute ;
width:400px;
left:calc(35% - 400px);
top:0 px;
}
#leftdiv img {
width:100%;
}