<div class="banner-wrapper">
<div class="banner-message container">
text
</div>
</div>
The background image is fine on desktop (and scales fine to mobile size on desktop by resizing the browser), but when viewed on an actual mobile device, the image is zoomed in and not scaled.
Some mobiles have a problem with the fixed attachment.
There is a workaround for it using a pseudo element with position: fixed to hold the background.
I’ll see if I can find that…