Я разместил абсолютную позицию в первой таблице, чтобы текст мог отображаться над изображением, но это также влияет на текст второй таблицы
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="">
<tr>
<td>
<img src="img/suit1.jpeg" width="590px;" height="500px;" style="position:absolute"/>
<h1>each</h1>
<button>SHOP Now</button>
</td>
</tr>
</table>
</td>
</tr>
<!-- end of row 3 -->
<!-- start of row 4-->
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="">
<tr>
<td>
<h1 style="position:relative;">hello</h1>
</td>
</tr>
</table>
</td>
</tr>