JSFiddle - React, Tailwind, and code Playground

HTML

<th class="num">Pos</th>
	<th class="num">&nbsp;</th>	
		<th class="logo">&nbsp;</th>
		
	<th>Equipo</th>
		<th class="num">J</th>
			<th class="num">G</th>
			<th class="num">P</th>
		<th class="num">Ptos</th>
</tr>

<tr class="">
	<td class="rank">1</td>
	<td class="num">•</td>

		<td class="logo">
				<img src="http://gigantessfm.com/wp-content/uploads/leaguemanager/thumb_LIC.png" alt="Logo" title="Logo">
			</td>
		
	<td>Licey</td>
		<td class="num">19</td>
			<td class="num">12</td>
			<td class="num">7</td>
		<td class="num">83:77</td>
</tr>

<tr class="alternate">
	<td class="rank">2</td>
	<td class="num">•</td>

		<td class="logo">
				<img src="http://gigantessfm.com/wp-test/wp-content/uploads/leaguemanager/thumb_EO.png" alt="Logo" title="Logo">
			</td>
		
	<td>Estrellas</td>
		<td class="num">18</td>
			<td class="num">11</td>
			<td class="num">7</td>
		<td class="num">74:54</td>
</tr>

<tr class="">
	<td class="rank">3</td>
	<td class="num">•</td>

		<td class="logo">
				<img src="http://gigantessfm.com/wp-content/uploads/leaguemanager/thumb_LE.png" alt="Logo" title="Logo">
			</td>
		
	<td>Escogido</td>
		<td class="num">18</td>
			<td class="num">9</td>
			<td class="num">9</td>
		<td class="num">67:53</td>
</tr>

<tr class="alternate">
	<td class="rank">4</td>
	<td class="num">•</td>

		<td class="logo">
				<img src="http://gigantessfm.com/wp-test/wp-content/uploads/leaguemanager/thumb_TE.png" alt="Logo" title="Logo">
			</td>
		
	<td>Toros</td>
		<td class="num">19</td>
			<td class="num">9</td>
			<td class="num">10</td>
		<td class="num">63:86</td>
</tr>

<tr class="">
	<td class="rank">5</td>
	<td class="num">•</td>

		<td class="logo">
				<img src="http://gigantessfm.com/wp-test/wp-content/uploads/leaguemanager/thumb_AC.png" alt="Logo" title="Logo">
			</td>
		
	<td>Aguilas</td>
		<td class="num">20</td>
			<td class="num">8</td>
			<td class="num">12</td>
		<td class="num">78:87</td>
</tr>

<tr class="alternate">
	<td...