Emails w/photos sent via Apple Mail look terrible on Gmail's website (embedded vs attached issue?)

One thing I love about Apple Mail is that when you send and receive photos, they are displayed fully, rather than just as a thumbnail attachment. In addition, although the photos appear seamlessly embedded in the text, they automatically resize to fit the width of the window in which you are viewing them, as do the margins of the text. Unfortunately, Apple Mail’s way of sending photos does not seem to interact well with Gmail. 

Many people I know, including my parents and office manager, access their Gmail via a web browser, rather than a third party mail client app like Apple Mail. It has recently come to my attention that when I send them an email with a photo attached via the Apple Mail app (whether from Mac or iPhone), it shows up on their end embedded in the text of the email, as it does in Apple Mail, but it doesn’t resize to fit the window. This causes the text in the email to stretch across the width of the photo at full resolution, which makes it very difficult for the person receiving the email to read because they have to keep scrolling to the right.  People who view my emails (that have photos attached/embedded via Apple Mail) on Gmail’s website are always telling me to “attach my photos” rather than “embed them in the text” or to shrink my photos.   

How do I prevent this from happening to pretty much everyone using Gmail who doesn’t use Apple Mail?  I don't want to continue to cause this headache for the people I'm emailing.  

---------------------------------------------

If the photo is too big to fit in the window at full resolution, as it is here, both the text and the photo are cut off.

You have to scroll to the right to view each line of text and the rest of the image.

In Apple Mail, the image and the text margins fit nicely in the window size.

Even when I make the Apple Mail window really narrow, the photo and text margins automatically resize to fit the window.