JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="parent">
        <img src="path/i/got/from/database/image.png" />
    </div>
</div>

CSS

#wrapper{    
height: 100%;
min-height: 500px;
position: relative;
width: 100%;}
#parent{    
border: 1px solid;
height: 50px;
position: absolute;
top: 50%;
width: 50px;}