Image right-aligned in text appears on top when viewed in mobile

Hi,
On my homepage www.nancyrademaker.com I have a right-aligned image in the first line. However, on mobile it appears above the text.

Hello there,

I visited your site. It looks like the alignment style remains the same in mobile screen. Have you figured it out?

Regards,
Kharis

It does look fine on the Mobile Preview, however on my Samsung Galaxy s6 the image appears ABOVE the text

Hello there,

I would like to apologize in advance for the delay.

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 479px) {
      
      .alignleft, 
      .alignright {
        width: 50%;
      }
      
      .alignleft {
        margin-right: 15px;
      }
      
      .alignright {
        margin-left: 15px;  
      } 
      
    } 

Regards,
Kharis

Thanks Kharis, it works!!

Regards, Nancy

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis