Solved Divi header image is cut off on mobile

Hello,
I recently finished up designing the desktop version of our divi site, but when viewing the pages on mobile, I found that all of the header images are HUGE and are being cut off. It just crops the picture. How do I make the header images responsive so they show up on mobile the same as desktop?

 

That helped! The picture now fits on my phone, but (as you predicted) there is a lot of additional white space above and below the picture because of the text in the header. Any way to solve this?
For reference, here is the page that you can compare on a desktop and mobile: http://buildingmychurch.org/admissions-requirements

 

This didn't really fix the problem either. However, I did figure it out! I will describe below what I did in case others view this thread with a similar problem.
I inserted a new section, and set the section's background as my image (NOTE: I cropped all of these pictures in Adobe Illustrator so they would all match on my website. The aspect ratio is roughly 3:1 length/width).
I turned off the parallax effect, and set the background image position to "cover."
I left the sections default settings for sizing and spacing, EXCEPT:
- For spacing, I set the desktop padding top/bottom to 13vw, and the right padding to 0px.
- For spacing, I set the mobile padding top/bottom to 12vw.