JSFiddle - React, Tailwind, and code Playground

HTML

<table id="images">

  <tr>

    <td><img src="http://www.ipser.com/image/image/ipserkey.jpg"></td>

    <td><img src="http://www.ipser.com/image/image/ipserkey.jpg"></td>

    <td><img src="http://www.ipser.com/image/image/ipserkey.jpg"></td>

      

  </tr>

  <tr>

    <td><img src="http://www.ipser.com/image/image/ipserkey.jpg"></td>

    <td><img src="http://www.ipser.com/image/image/ipserkey.jpg"></td>

    <td><img src="http://www.ipser.com/image/image/ipserkey.jpg"></td>

  </tr>

  <tr>

    <td><img src="http://www.ipser.com/image/image/ipserkey.jpg"></td>

    <td><img src="http://www.ipser.com/image/image/ipserkey.jpg"></td>

    <td><img src="http://www.ipser.com/image/image/ipserkey.jpg"></td>

  </tr>

</table>

CSS

@charset "utf-8";
/* CSS Document */
#images tr td{position:relative;border:1px solid black;width:100px;height:100px;}
#images tr td img{position:absolute;width:100px;height:100px;left:0;top:0}
#images tr td img:hover{width:200px;height:200px;left:0;top:0;z-index:5}