Yes, I am having this exact same problem.
I switched the vale of “background-size: contain” to “background-size: 100%” and that helps, but it creates large borders or banners over the header image.
I also tried “background-size: 100% 100%” but that stretches the background image and distorts it too much.
I’ve tried using the @media tag, but so far, can’t figure out where to place it to make it work.
Please help!
Modified Snaps source files at:
https://mikerylander.com