JSFiddle - React, Tailwind, and code Playground

HTML

<table class="container">
<tr>
<td>1</td>
<td>2</td>
<td colspan="2">3</td>
<td rowspan="2">5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td rowspan="2">4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td rowspan="2">4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td colspan="2">3</td>
<td>5</td>
</tr>
</table>

CSS

body, html {
    width: 99%;
    height: 99%;
}

.container {
    width: 100%;
    height: 100%;
        background-image: url("http://placekitten.com/400/300");
    background-repeat: no-repeat;
    background-size: cover;
    border-collapse: collapse;
}

td {
    border: solid white 1px;
    color: red;
    font-size: 50px;
}