JSFiddle - React, Tailwind, and code Playground

HTML

<table class='table' cellpadding='0' cellspacing='0'>
    <tr>

        <td><div class='parentWrapper'><img src='http://www.openvms.org/images/samples/130x130.gif'></div></td>
        <td><div class='parentWrapper centerDiv'><img src='http://www.openvms.org/images/samples/130x130.gif'></div></td>
        <td><div class='parentWrapper centerDiv'><img src='http://www.openvms.org/images/samples/130x130.gif'></div></td>
        <td><div class='parentWrapper centerDiv'><img src='http://www.openvms.org/images/samples/130x130.gif'></div></td>
        <td><div class='parentWrapper rightDiv'><img src='http://www.openvms.org/images/samples/130x130.gif'></div></td>

    </tr>  

    <tr>
       <td><div class='parentWrapper'><img src='http://www.openvms.org/images/samples/130x130.gif'></div></td>
        <td><div class='parentWrapper centerDiv'><img src='http://www.openvms.org/images/samples/130x130.gif'></div></td>
        <td></td>
             <td></td>
             <td></td>
        <td></td>
    </tr>  

</table>

CSS

.table{
    width:100%;
    height:auto;
    border:1px solid;    
}

.table td {
    width:auto;
    height:170px;
    vertical-align:top
}

.table td:last-child{
    width:1px;  
}

.table td:last-child div{
    position:relative;
    left:1px;  
}

.parentWrapper{
    width:50px;
    height:160px;
    border:1px solid brown;  
}

.table img {
    width:50px;
    height:160px;
    border:0px solid red;   
}