JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/zurb-ink/1.0.5/ink.css">
<div class="height-fix">
  <table class="container twelve header">
    <tbody>
        <tr>
            <td>
                <img width="580" height="300" src="http://placehold.it/1160x600&text=Retina%20Image" alt=""/>
            </td>
            <td class="expander"></td>
        </tr>
    </tbody>
</table>
</div>

<table class="container eleven content">
    <tbody>
        <tr>
            <td>
                <table class="row">
                    <tbody>
                        <tr>
                            <td>
                                <div class="background"></div>
                            </td>
                            <td class="expander"></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

CSS

.background {
    background-color: red;
    width: 530px;
    height: 500px;
}

.height-fix {
    height: 200px;
}