JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
    <table border="1">
        <thead>
        <tr><th style="text-align: center; width: 30px;">№ п/п</th><th style="text-align: center; width: 200px;">Наименование</th><th style="text-align: center; width: 300px;">Фото</th></tr>
        </thead>
        <tbody>
        <tr>
        <td style="text-align: center;">1</td>
        <td style="text-align: left;">Вымпелы</td>
        <td style="text-align: center;"><span>Фото <img src="http://900igr.net/datai/obg/Ulitsa/0006-002-Kak-zaschitit-sebja-i-svoj-dom.jpg" alt="картинка"></span></td>
        </tr>
        <tr>
        <td style="text-align: center;">2</td>
        <td style="text-align: left;">Значки, открывалки</td>
        <td style="text-align: center;"><span>Фото <img src="http://webtun.com/uploads/posts/2012-04/1334781889_image231.png" alt="картинка"></span></td>
        </tr>
        <tr>
        <td style="text-align: center;">3</td>
        <td style="text-align: left;">Кружки, пепельницы</td>
        <td style="text-align: center;"><span>Фото <img src="http://zozon.ru/watermark_image.php?image=/upload/resize_cache/iblock/688/300_300_1/12.JPG" alt="картинка"></span></td>
        </tr>
        <tr>
        <td style="text-align: center;">4</td>
        <td style="text-align: left;">Наклейка с полимерным покрытием</td>
        <td style="text-align: center;"><span>Фото <img src="http://logotipka.ru/images/stories/color_combination/combination_of_color_orange_3.jpg" alt="картинка"></span></td>
        </tr>
        <tr>
        <td style="text-align: center;">5</td>
        <td style="text-align: left;">Одежда</td>
        <td style="text-align: center;"><span>Фото <img src="http://img-fotki.yandex.ru/get/3503/inmira.10/0_35462_86e9f44a_M.jpg" alt="картинка"></span></td>
        </tr>
        </tbody>
    </table>
</body>
</html>

CSS

td span{
        position: relative;
    }
    td img{
        position: absolute;
        width: 100px;
        height: 100px;
        z-index: 1;
        left: 110%;
        top: -200%;
        visibility: hidden;
    }
    td span:hover img{
        visibility: visible;
    }