JSFiddle - React, Tailwind, and code Playground

by Uday Hiwarale

HTML

<div>
  <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=200%C3%97150&w=200&h=150"/>
</div>

CSS

div {
  width:300px;
  height:300px;
  border:2px solid #aaa;
  
	position:relative;
}
div > img {
  margin-left:calc(50% - 100px);
  margin-top:calc(50% - 75px);
}