JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div class="wrap">
  <img src="http://d39kbiy71leyho.cloudfront.net/wp-content/uploads/2016/05/09170020/cats-politics-TN.jpg" alt="" >
</div>

CSS

.wrap{
  width:400px;
  height:400px;
  overflow:hidden;
  position:relative;
}
.wrap img{
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-300px;
  margin-top:-200px;
}