JSFiddle - React, Tailwind, and code Playground

HTML

<div id="col_as_table">
    <img src="http://placehold.it/100x100/ff0000" />
</div>

CSS

#col_as_table
{
position:relative;
margin: auto;
text-align: center;
vertical-align: middle;
    display: table;
    height:500px;
}
img{
    position: absolute;
  top: 50%; 
    left: 0; 
    bottom: 0; 
    right: 0;

}