Help! Image not aligning with text in mobile view

Question

Hi Community,
 
I have been reworking an existing LP template in Marketo.
 
All was going well until I noticed that an image is not aligning in the mobile view of the page.

Ideally, the circled image should drop down below the blue header and fit the width of the mobile device. 
 
Instead, it's currently appearing just under the header but pushed up against it, is super small, and is not fitting the width of the device.
 
Can anyone please help me figure out what's causing the image to not align? &#128551;
 
A link to the page can be viewed here: http://promos.ovstravel.com/IM---Operational-Testing-Program_SMS-Thank-You-Page-Test-2.html
 
Thank you,
 
LK

Guitarrista82 · Accepted Answer

Hi Jasbir, Thank you for your reply.  I was able to resolve the issue. Appreciate your help! LK

Guitarrista82 · Answer

I was able to pinpoint the issue.

In trying to reduce the padding below the header, for some reason this messed up the formatting of the hero image.

Once I put the padding back the way it was, the image was realigned.

However, now I have an issue where the padding (as shown in the first screenshot above) is too much.

Any ideas how I can reduce this padding while not messing up the image alignment?

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded