Card flip not working in safari

Hello everyone,

I have created three cards which are supposed to flip 180 degrees when scrolled into view to reveal the backside. They flip on hover on desktop but then flip on scroll on tablet + mobile. It is working perfectly in preview and on chrome but glitching out on safari. I can’t figure out the issue. The live site and read-only link are below. Would really appreciate any help. Thanks!