From 65b3241086549e44c4888a0c89f57264b9605900 Mon Sep 17 00:00:00 2001
From: Christina Yang <ychristina011@gmail.com>
Date: Sat, 25 May 2024 01:08:04 -0700
Subject: [PATCH] fix safari scroll #120

Revert "fix safari scroll #120"

This reverts commit 8c0096b544795b1e34bfb526958e073d19553b50.

add zIndex to back
---
 src/ReactCardFlip.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/ReactCardFlip.tsx b/src/ReactCardFlip.tsx
index d574cef..76f2faa 100644
--- a/src/ReactCardFlip.tsx
+++ b/src/ReactCardFlip.tsx
@@ -17,7 +17,7 @@ const ReactCardFlip: React.FC<ReactFlipCardProps> = (props) => {
     flipSpeedBackToFront,
     infinite,
     isFlipped,
-  } = { 
+  } = {
     cardStyles: {
       back: {},
       front: {},
@@ -31,7 +31,7 @@ const ReactCardFlip: React.FC<ReactFlipCardProps> = (props) => {
     isFlipped: false,
     ...props
   }
-  
+
   const [isFlippedState, setFlipped] = useState(isFlipped);
   const [rotation, setRotation] = useState(0);
 
@@ -84,6 +84,7 @@ const ReactCardFlip: React.FC<ReactFlipCardProps> = (props) => {
       transformStyle: 'preserve-3d',
       transition: `${flipSpeedFrontToBack}s`,
       width: '100%',
+      zIndex: isFlipped ? '2' : '1',
       ...back,
     },
     container: {