chore: fix demos in safari

Author: nolimits4web

src/components/HomeSlider.js

@@ -329,7 +329,7 @@ export default function HomeSlider() {
               ))}
             </div>
             <div
-              className="swiper header-swiper-flip h-40 w-4/5 max-w-full rounded-lg lg:w-60"
+              className="swiper header-swiper-flip transform-3d h-40 w-4/5 max-w-full rounded-lg lg:w-60"
               style={{ '--swiper-theme-color': '#fff' }}
             >
               {Array.from({ length: 5 }).map((el, index) => (

src/styles/home.scss

@@ -78,3 +78,10 @@
     transform: scale(0);
   }
 }
+.header-swiper-flip,
+.header-swiper-creative-1,
+.header-swiper-creative-2,
+.header-swiper-cards {
+  transform-style: preserve-3d;
+  overflow: visible !important;
+}