JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tabela">

    <tr id = "linAcao" >    
        <th class="cabecalho" >Ação</th>
        <td><a href="#"><img src="Acao.jpg" title=""/></a></td>
        <td></td>
    </tr>


    <tr id = "linComedia">
        <th class="cabecalho" >Comedia</th>
        <td><a href="#"><img src="Comedia.jpg" title=""/></a></td>
        <td></td>
    </tr>


    <tr id = "linTerror" > 
        <th class="cabecalho" >Terror</th> 
        <td><a href="#"><img src="Terror.jpg" title=""/></a></td>
        <td></td>
    </tr>


    <tr id = "linDrama" > 
        <th class="cabecalho" >Drama</th>
        <td><a href="#"><img src="Drama.jpg" title=""/></a></td>
        <td></td>
    </tr>


    <tr id = "linRomance" > 
        <th class="cabecalho" >Romance</th>
        <td><a href="#"><img src="Romance.jpg" title=""/></a></td>
        <td></td>
    </tr>
</table>