PWA Banner entfernt und Laden verbessert

public/style.css

@@ -19,11 +19,11 @@
     opacity: 1;
   }
   50% {
-    transform: rotateY(180deg); /* Half flip */
-    opacity: 0; /* Make the front disappear */
+    transform: rotateY(90deg);
+    opacity: 0.3;
   }
   100% {
-    transform: rotateY(360deg); /* Complete flip */
+    transform: rotateY(0deg);
     opacity: 1;
   }
 }
@@ -31,5 +31,19 @@
 .rotate {
   animation: rotate 0.6s ease-in-out;
   transform-style: preserve-3d;
-  backface-visibility: hidden; /* Hide the back during flip */
+}
+
+/* Smooth transitions */
+#personImg {
+  will-change: transform, opacity;
+}
+
+#personName {
+  will-change: opacity;
+  transition: opacity 0.3s ease;
+}
+
+/* Background transition */
+body {
+  will-change: background-image;
 }