JSFiddle - React, Tailwind, and code Playground
HTML
<tablee style="border-spacing:0px; border: 1px solid #9cbdcc; padding:0px">
<tr>
<td>
<p></p>
<table style="border-spacing:0px" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align: center; background:#1c3f95;">
<h2 style="color:white">Title</h2>
</td>
</tr>
</table>
<table style="border-spacing:0px" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class = "fixCell" style="padding-left:20px">
<p>Interviewing soon?</p>
</td>
</tr>
<tr>
<td class = "fixCell" style="padding-left:20px">
<p>Interviewing soon? blab blaa</p>
</td>
</tr>
</table>
<p></p>
<table style="border-spacing:0px" border="0" bgcolor="#eee">
<tr>
<td class = "fixCell" >
<img src="http://placehold.it/120x120"/>
</td>
<td class = "fixCell" style="width:500px;">
<p style="padding-right:5px">1) pic description</p>
<p>test</p>
</td>
</tr>
</table>
<p></p>
<table style="border-spacing:0px" border="0" bgcolor="#eee">
<tr>
<td class = "fixCell">
<img src="http://placehold.it/120x120"/>
</td>
<td class = "fixCell" style="width:500px;">
<p style="padding-right:5px">1) pic description</p>
</td>
</tr>
</table>
<p></p>
<table style="border-spacing:0px" border="0" bgcolor="#eee">
<tr>
<td class = "fixCell">
<img src="http://placehold.it/120x120"/>
</td>
<td class = "fixCell"style="width:500px;">
<p style="padding-right:5px">1) pic description</p>
</td>
</tr>
</table>
<p></p>
<table style="border-spacing:0px" border="0" bgcolor="#eee">
<tr>
<td class = "fixCell">
<img src="http://placehold.it/120x120"/>
</td>
<td class = "fixCell" style="width:500px;">
<p style="padding-right:5px">1)...
CSS
table, td , tr { padding:0; margin:0; }
.fixCell { height:120px; display: inline-block;}