JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<div class="holder">
  <img src="//placehold.it/456x456"/>
</div>

CSS

.holder {
  width:700px;
  height:550px;
  border:2px solid #aaa;  
	position:relative;
}
.holder > img {
  width:456px;
  height:456px; 
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}