JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://placehold.it/400x400">

CSS

html, body {
    height: 100%;
}

img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}