How can I avoid an image being stretched on a mobile device

When viewing my form in portrait mode on my mobile device the image is stretched.  Is there a way to avoid the some images filling the media screen, while allow other images to respond?

The image show is too large.  

Thanks,

Form Link: https://secure.jotformpro.com/form/51174046122949

Hi,

You can try limiting the width of the image you don't want expanded by applying specific widths to them.

Goto Setup & embed -> designer

Goto the CSS tab, click on the image wizard whose size you want to limit, when you click the element a CSS class will be added automatically, add a width property of 50% i.e width: 50% !important;

Save and test the preview

Hi Sammy,

It worked but changed the ratio.  Also, it changed the top banner, which I do want stretched. 

I will just leave it as is.

Thanks,

In addition to what Sammy had suggested, you can also try to add this codes inside the #cid_18{}. 

You may, of course, set the max-width and max-height to your own preference.

Let us know if this doesn't help still or if you just want to stick with how it looks right now and leave it as it is just like you have said above.