JSFiddle - React, Tailwind, and code Playground

HTML

<img class="absoluteCenter" src="/img/logo.png">

CSS

/* Don't Change - Positioning */
.absoluteCenter {
 margin:auto;
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
}

/* Sizing */
img.absoluteCenter {
 max-height:100%;
 max-width:100%;
}

/* Adding some styles to make it more visible */
img.absoluteCenter {
 background:#3c6a9d;
}