Help with header images not fitting to different devices

Hello, I absolutely love the theme I'm using that you CatchThemes designed that I'm using for my website. It's called scapeshot modern - my question is that I found the perfect header finally after messing around with different concepts & ideas for a while. The header looks amazing on a desktop website, but is cut off on an iPad or mobile device instead of shrinking/scaling down to the size to fit those devices. Is there any thing that can be done about this? If you turn your phone horizontal it looks exactly how I want it to look, but I would like it to look that way under portrait mode as well. My website is www.livingwithgators.com - you can see what I mean if you compare from desktop to mobile. Any help would be extremely helpful. Thank you.