HTML Email - iPhone is not displaying 2 out of 3 images Options

[prolyfic]

Hello all! I am running into an issue with an HTML email I built using BeePro (I am not a coder, but was requested to make an email).

I sent the HTML to someone and they said the header image loads, but the other images don't. I have attached what it correct and incorrect for how it is supposed to look.


Below is the code for one of the images. I imagine whatever is found that is wrong I can adjust in the other image's code as well. If the below code is not enough, I have also attached the full HTML.

<td class="column column-2" width="58.333333333333336%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;">
<table class="image_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
<tr>
<td class="pad" style="padding-bottom:10px;padding-left:20px;padding-right:20px;padding-top:35px;width:100%;">
<div class="alignment" align="center" style="line-height:10px"><a href="https://reg.hanleywood.com/rf/349552/6750112/s/emlalert0803/a/8265/" target="_blank" style="outline:none" tabindex="-1"><img class="big" src="https://i.imgur.com/4gHq1sv.jpg" style="display: block; height: auto; border: 0; width: 339px; max-width: 100%;" width="339" alt="Speakers: Rosa Sheng, Kimberly Dowdell, Royce Epstein" title="Speakers: Rosa Sheng, Kimberly Dowdell, Royce Epstein"></a></div>
</td>

[Christian J]

From a quick glance the IMG elements and image files look OK. Maybe the HTML/CSS layout becomes cropped in the email program?

What happens if you give the IMG elements an explicit height (instead of "auto"?). Does any text content in the same table cell as the image disappear too?