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

#parent{
    width:400px;
    height:400px;
    background:red;
    text-align:center;
}    
#parent img{
    position:relative;   
	top: 50%;
	transform: translateY(-50%);
}