Responsive Design Issue: Page Content Overlapping on Smaller Screens

Hello!

I am trying to figure out how to resolve an issue with the responsive design aspect of a site that I manage. 

I built this page: https://www.katyoberlecreative.com/media on a 16" Macbook Pro. It looks great on my screen as well as on mobile, but when it is viewed on a smaller laptop screen there are all sorts of issues with text overlapping, rather than dynamically resizing via responsive design, as I expected it would.

Attached are screen shots from the client of how this content is appearing on their smaller laptop screen. I am able to produce the same results by dragging my browser screen to be smaller. It eventually switches to the view I see on mobile but in between is riddled with issues. Here is a screen share video: https://www.loom.com/share/c5252883c74d4357a57eb91335d1a147 

I don't have any custom code on the page. Any ideas on what is causing this and how to correct it? 

Just checked some screen sizes & looks fine. Which screen size do you see problem?

Did you ever figure out a solution? I'm having the same issue. 

I am also having the same issues with my sites that I manage. Desperate for a solution! 

Hey did anyone figure this out I'm having the same issue on themobile version of my site with linked pages in a list