JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div class="box">
    <img src="https://forum.techidiots.net/forum/images/ranks/admin-dev.png" alt="image" />
</div>
</div>

CSS

#container {
    height: 200px;
}

.box {
  height: 100%;
  line-height: 200px;
}

#container img {
    vertical-align: middle;
}