JSFiddle - React, Tailwind, and code Playground
HTML
<style type="text/css">
@media only screen and (max-width: 480px){
#templateColumns{
width:100% !important;
}
.templateColumnContainer{
display:block !important;
width:100% !important;
}
.columnImage{
height:auto !important;
max-width:480px !important;
width:100% !important;
}
.leftColumnContent{
font-size:16px !important;
line-height:125% !important;
}
.rightColumnContent{
font-size:16px !important;
line-height:125% !important;
}
}
</style>
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateColumns">
<tr>
<td align="center" valign="top" width="50%" class="templateColumnContainer">
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td class="leftColumnContent">
<img src="http://image.exct.net/lib/fe5315707d630d7a7211/m/1/7457d129-c1a9-4ed1-a4f3-b321a1b24134.png" width="280" style="max-width:280px;" class="columnImage" />
</td>
</tr>
<tr>
<td valign="top" class="leftColumnContent">
<p style="font-family: "Source Sans Pro"; text-align: center;"> <span style="font-family: "Source Sans Pro"; text-align: center; font-size: 23px;"><span style="line-height: 20px; font-weight: 900; color: rgb(164, 0, 29);">Oscar Munoz</span></span><br style="font-family: "Source Sans Pro"; text-align: center;">
<span style="font-family: "Source Sans Pro"; text-align: center; font-size: 14px;"><span style="line-height: 20px;">CEO, United Airlines</span><br>
<strong>OCT 23</strong></span></p>
...