Scrolling issue with an embedded video

Hi there,

I am using a video embed that is set to 65% of the width of the screen on the Z index 2.
Above that I m using text with an absolute position on the Z index 3.

When scrolling the page on Safari (there is no such issue in other browsers), a part of the text disappears for a second. seems like it it is that part where the video and the text stack, although video is set to be behind and it is really behind in a moment after you scroll.

Please see the video I made. simple look at the middle of the screen between the text and the video: Screen Recording 2021-05-10...

Do you know what could be the issue?
The website itself is: here


Here is my site Read-Only: https://preview.webflow.com/preview/portfolio1-2?utm_medium=preview_link&utm_source=designer&utm_content=portfolio1-2&preview=3795bb2bbbfda6a2000bcfaff65a42e6&pageId=60991c611ae616b1ce7eed56&mode=preview