Trouble with DIV on Safari/iOS

read only link

My site looks fantastic on Android, but one specific weird problem with iOS.

The structure is section / div / two divs in absolute position to the parent div. I did this because I want to have an image div fade slightly to reveal the text div beneath it, as well as the page background video beneath that.

Looks stunning on Android, but not on iOS. Screenshots attached.

If anyone thinks they know what’s going on I’d be extremely grateful for solutions or hints of a solution!