Today I came across an odd problem that I’m not sure why is happening. I am trying to test out this card flip by using the 2d animation and child perspective rather than using the interactions. On windows such as chrome, edge and also on Android, the animation works fine along with the alignment. However on Apple safari, mobile or Mac the alignment is off and the animation does not work, it flips but does not show any text once it does flip… idk why this is and if anyone knows why or how i can make this work that would be greatly appreciated!
Here is my public share link: [Webflow Link]
Here is the video [Chrome dsktp]
Here is the video [Apple mbl]