Option so that text/images don't bleed into header image when adjusting screen size

Hi, I’m sure this is an easy question to answer for people more experienced with Beaver than I am.

https://www.synergystresearch.net/about-us/

To simulate viewing in a mobile/tablet view, if you adjust the size of your desktop web browser, you’ll see that the picture/body text blend into the main header image. Is there a way to separate them so that scrolling leaves the header in place without bleed in?