JSFiddle - React, Tailwind, and code Playground

HTML

<div style="background-color:#eee;padding-top:50px;padding-bottom:120px;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;">
    <table style="width:609px;border:0;background:white;margin:0 auto;padding:0;border-collapse:collapse;border-spacing:0px;" cellspacing="0" cellpadding="0">
        <tr>
            <td style="width:144px;border:0;background:white;margin:0;padding:0;" width="144px" height="64px" valign="top">
                <img src="http://img10.imageshack.us/img10/6061/01bsm.jpg" width="144px" height="64px">
            </td>
            <td rowspan="2" style="width:465px;border:0;background:white;margin:0;padding:0;" width="465px" height="150px" valign="top">
                <img src="http://imageshack.us/a/img593/9600/18015236.jpg" width="465px" height="150px">
            </td>
        </tr>
        <tr>
            <td style="width:144px;border:0;background:white;margin:0;padding:0;" width="144px" height="86px" valign="top">
                <img src="http://imageshack.us/a/img171/3802/75860250.jpg" width="144px" height="86px">
            </td>
        </tr>
    </table>
    <table style="width:609px;border:0;background:white;margin:0 auto;padding:0;border-collapse:collapse;border-spacing:0px;" cellspacing="0" cellpadding="0">
        <tr>
            <td rowspan="2" style="width:100px;border:0;background:white;margin:0;padding:0;" width="100px" height="438px" valign="top">
                <img src="http://imageshack.us/a/img10/9058/57556376.jpg" width="100px" height="438px">
            </td>
            <td style="width:427px;border:0;background:white;margin:0;padding:0;position:relative;" width="427px" height="397px" valign="top">
                <img src="http://imageshack.us/a/img51/1816/77295348.jpg" width="427px" height="397px" style="position:absolute;top:0;left:0;z-index:1;">
                <div mc:edit="main">
                        <p...