Text panel resizing stays vertically huge in mobile view

Hi. I have a text panel that is showing and HTML image. The panel content is as follows:
<a href="myLinkURL" target="_blank"> <img src="myImageURL.jpg" alt="Weather Camera" style="max-width:100%; height:auto; margin-left:auto; margin-right:auto;" id="roof";' /> </a>

I size the panel on my desktop, such that the image proportionally fits in the space and looks nice. When viewed on my phone, the image proportionally resizes as expected just like I want. BUT, the panel vertical height stays huge. So you end up with a bunch of empty black space below the resized image. These two screenshots show what it looks like on the desktop (as it should) and what i looks like on a mobile phone (wacky).

Is there any way to make the text panel properly resize vertically to match the content of the panel?


Did you try the different mode : Fit, Exact, Fill ?

Good Luck

Yes, unfortunately it had no effect. I wasn’t even able to see a change to learn what those are supposed to do.