Mobile friendly, responsive table code

Hello WP,

I am trying to create a 2 column table (which I did) to add Pictures with a brief profile, the table is looking good when viewed from system, but from mobile its messing up. I am using the below code.

<table style="border: 1px solid #fff;">
<tbody>

<tr style="border: none;">
<td style="text-align: left;">
<h4><a href="PATH TO IMAGE"><img class="alignleft wp-image-289 size-medium" style="padding: 0 20px;" src="PATH TO IMAGE" alt="coach" width="150" height="150" /></a><b> NAME</b></h4>
<b>DESCRIPTION.</b></td>

<td style="text-align: left;">
<h4><a><img class="alignleft wp-image-290 size-thumbnail" style="padding: 0 20px;" src="PATH TO IMAGE" alt="" width="150" height="150" /></a><b> NAME</b></h4>
<b>DESCRIPTION</b>
</td>

</tr>
</tbody>
</table>

https://www.tamma.in/officials