JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <img src="http://ic.pics.livejournal.com/denispv/10249265/130208/130208_original.jpg"/>
        </td>
    </tr>
</table>

CSS

td {
    text-align: center;
    vertical-align: center;
    opacity: 0;
    transition: opacity 0.4s;
}
td:hover {
    opacity: 1;
}