JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
   <img src="https://i.imgur.com/i9xpVnQ.jpg" />
 </div>

CSS

html, body {
  height: 100%; /* required to make body occupy the full viewport by default */
}

#container {
  height: 100%;
  display: flex;
  align-items: center; /* horizontal */
  justify-content: center; /* vertical */
}

img {
  height: 200px;
}