Hi,
I'm having trouble centering a hero image in Outlook and Lotus Notes. I have tried everything I can think of to fix it, and it still doesn't work. Any suggestions?

<!-- Hero Image -->
<div mc:repeatable="Select" mc:variant="Hero Image">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td class="m-td" valign="top" align="center" style="font-size:0pt; line-height:0pt; text-align:center;">
<table width="100%" border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="#db001b" class="border" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%;">
<tr>
<td bgcolor="#db001b" align="center" height="316" class="border" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%; background-image:url('https://gallery.mailchimp.com/4ff27653c499dc6c83f786529/images/33de72bc-d440-48eb-8e5f-9ac3fd5f3021.png'); background-repeat: repeat-y no-repeat; background-position:center;">  </td>
</tr>
</table>
</td>
<td valign="top" align="center" class="mobile-shell" width="650" bgcolor="#db001b">
<table align="center" width="650" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="padding-top: 60px; width:650px; min-width:650px; max-width:650px; font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal;">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="fluid-img" style="font-size:0pt; line-height:0pt; text-align:center;"><a href="https://www.miltonindustries.com/"><img src="https://gallery.mailchimp.com/4ff27653c499dc6c83f786529/images/5a101578-4cea-4239-8f0d-a655095b4b48.jpg" width="650" height="366" mc:edit="image_2" style="max-width:650px;" border="0" alt="Thanks for signing up! Get $10 off your first purchase." /></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="m-td" valign="top" align="center" style="font-size:0pt; line-height:0pt; text-align:center;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#db001b" class="border" align="center" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%;">
<tr>
<td bgcolor="#db001b" height="316" align="center" class="border" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%; background-image:url('https://gallery.mailchimp.com/4ff27653c499dc6c83f786529/images/33de72bc-d440-48eb-8e5f-9ac3fd5f3021.png');background-repeat: repeat-y no-repeat; background-position:center;">  ></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- END Hero Image -->