JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div class="child">
    <img src="http://www.doodoo.ru/uploads/posts/2015-02/zverey-izobrazhen-01.jpg" width="600" height="600" alt="Cat">
  </div>
</div>

CSS

.parent {
  position: relative;
  
  width: 700px;
  height: 700px;
  margin: 0 auto;
  
  background-color: #faf;
}

.child {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  display: block;
  width: 600px;
  height: 600px;
  margin: auto;
}