Issue with text wrapping around images on small screens

I’m having a little problem with text in a paragraph breaking around an image when my site is viewed on small screens e.g. on phones.

Here’s a link to the problematic page: https://angieruane.com/about/ (it’ll look ok on larger screens – the problem only manifests on small screens)

I have a paragraph of text with an image that I have set to be aligned to the right with the text wrapping around the image to its left. I inserted the image at the very beginning of the paragraph. When viewed on small screens, e.g. a phone, a small amount of the text of the paragraph is displayed to the left of image before breaking off and resuming below the image.

How can I ensure that this breaking doesn’t happen? Perhaps ensuring that the image appears above the paragraph below certain screen sizes?