Issue with Safari Z-Index

Hello I got an issue with my site, some of the cards in Safari are appearing behind the Main image covering the whole page but in chrome it is all perfect.

Here is how it looks in Safari

This is how it looks on Chrome

I have tried changing the Z-index to different values, tried changing the Positioning from Absolute to Fixed but to no avail. Can anyone tell me what the issue can be


Here is my site Read-Only:

https://preview.webflow.com/preview/phyres-superb-site?utm_medium=preview_link&utm_source=dashboard&utm_content=phyres-superb-site&preview=2f62896d288251e29339f37b64cf6153&workflow=preview)