JSFiddle - React, Tailwind, and code Playground

HTML

<div class="background-wrapper">
    <table class="background-table">
        <tr>
            <td></td>
            <td>Background Thing</td>
        </tr>
        <tr>
            <td>Other Thing</td>
            <td></td>
        </tr>
    </table>
</div>
<table class="foreground-table">
    <tr>
        <td>Something</td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td>Something Else</td>
    </tr>
</table>

CSS

.background-table {background-color:blue;border:2px solid transparent;}
.foreground-table {border:2px solid red;}
.background-wrapper {height:0px;}