JSFiddle - React, Tailwind, and code Playground

by Garth Edwards

HTML

<div class="containerDiv">
  <img src="http://glossi-media-us-west.s3-us-west-1.amazonaws.com/media/2e1ca6c4c68d428f9906afdd9bb19a0dNESHim.jpg" class="className" />
</div>

CSS

.containerDiv {
  position: relative;
  width: 100px;
  height: 100px;
  background: red;
}
.className {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%; 
    max-width: 100%;
}