In regards to these two questions:
- How to do equivalent of a linear-gradient with opacity on a seamless background image in CSS
- How to apply equivalent of linear-gradient with opacity on edges of non-repeated image
It is showing up like this on desktop and mobile safari:
The question is how to fix this and get it working on mobile and desktop safari.