JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image_container">
    <table><tr><td>
     <image src="http://placehold.it/100x100/" height="100" width="100" alt=""/>
    <td></tr></table>
</div>

CSS

.image_container
{
    width:200px;
    height:200px;
    border: 1px solid black;
   
}
.image_container table
{
    width:100%;
        height:100%;
}

.image_container td
{
 vertical-align:middle;
    text-align:center;
}