fixed layout issue near screen edges

frontend/src/css/main.css

@@ -163,14 +163,10 @@
     /* Force GPU layer creation in Safari */
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
-    /* Prevent Safari from optimizing away the GPU layer */
-    -webkit-perspective: 1000px;
-    perspective: 1000px;
-    /* Safari performs better with explicit transform-style */
-    -webkit-transform-style: preserve-3d;
-    transform-style: preserve-3d;
     /* Isolate the layer for better compositing */
     isolation: isolate;
+    /* Use will-change instead of perspective for GPU acceleration */
+    will-change: opacity, transform;
   }
 }
 
@@ -199,11 +195,8 @@
 /* Safari-specific optimization for transitions */
 @supports (-webkit-touch-callout: none) {
   .crossfade-transition {
-    -webkit-perspective: 1000px;
-    perspective: 1000px;
-    -webkit-transform-style: preserve-3d;
-    transform-style: preserve-3d;
     isolation: isolate;
+    will-change: opacity, transform;
   }
 }