JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="t"> </td>
        <td class="e"> </td>
        <td class="s"> </td>
        <td class="t"> </td>
    </tr>
</table>

CSS

td {
    background-image: url("http://placekitten.com/120/220");
    background-position: 0 0;
    width: 120px;
    height: 80px;
    border: 1px solid #ddd;
}

table:hover td {
    background-position: 0 50%;
}