Display images full width in mobile view

Site URL: https://www.pdxjazz.org/lineup-thephilharmonik

Hi, I finally got my header image to appear correctly on my desktop views, but on mobile it's getting cut off. How can I make my mobile header images full width on mobile only on every page? 

Page shown in attached example is: www.pdxjazz.org/lineup-thephilharmonik

14 hours ago, cassiepdx said:

How can I make my mobile header images full width on mobile only on every page? 

Relying on a background image for important information is always tricky to get right, background images are set up to fill a space and crop in any way necessary to fill that space rather than keep the information visible. In this case I would suggest splitting the image into two images; the background and the text in a separate png that way you can apply the background as a background image and add the text in an image block set to fit so it won't crop.