Formatting errors on mobile device

We have discovered that some of our pages are not formatting correctly when viewed on a mobile device (issue observed on an iPhone). The page text is not wrapping correctly around an image. Rather than an image appearing above the beginning of a paragraph, a few characters are being displayed before the image is seen.

Examples:
http://fwcresearch.com/science-programs/ecosystem-assessment-and-restoration/panther-health/
Issue observed: Second to last paragraph displays the text “In the” next to the panther image, and then breaks until beginning again with “pinelands” under the panther image.

http://fwcresearch.com/science-programs/ecosystem-assessment-and-restoration/seagrass-dieoff/
Issue observed: First paragraph displays the text “In” and then breaks and continues with “…summer 2015…” below the seagrass image.

Thank you for your assistance.

Hello there,

To make the images centered on smaller screen, add the following CSS code into Appearance > Customize > Additional CSS:


@media only screen and (max-width:480px) {
  
  .alignleft,
  .alignright {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  
}

Regards,
Kharis