JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0">
    <tr>
        <td><img src="http://img.photobucket.com/albums/v298/Decinoge/bg2_img.png" alt="ARDL Thumb" width="270" height="203"></td> 
        <td><img src="http://img.photobucket.com/albums/v298/Decinoge/bg2_img.png" alt="1000 Years Thumb" width="270" height="203"></td>
        <td><img src="http://img.photobucket.com/albums/v298/Decinoge/bg2_img.png" alt="Table Thumb" width="270" height="203"></td>
    </tr>
</table>

CSS

table{
       border-collapse:collapse;
    border:1px solid gray;
}
table td{
    overflow: hidden;
}

img{
    display: block;
    
}
img:hover {
   position:relative;
   top: 103px; 
}