fix home page

src/app/globals.css

@@ -376,20 +376,19 @@ body {
 
   .hero-map-layer {
     position: absolute;
-    width: 86%;
-    left: 2%;
-    top: -1%;
-    height: 610px;
-    opacity: 0.72;
+    width: 35%;
+    left: -5%;
+    top: 20px;
+    height: 280px;
+    opacity: 0.10;
     z-index: 1;
-    mix-blend-mode: screen;
-    animation: hero-map-drift 18s ease-in-out infinite alternate;
+    mix-blend-mode: normal;
+    animation: none;
   }
 
   .hero-map-layer img {
-    filter: sepia(1) saturate(4.6) hue-rotate(230deg) brightness(0.9) contrast(1.35)
-      drop-shadow(0 0 22px rgba(189, 52, 254, 0.34));
-    opacity: 0.95;
+    filter: brightness(0.6) contrast(1.1);
+    opacity: 0.8;
   }
 
   .hero-content {
@@ -452,17 +451,17 @@ body {
 
   .hero-map-layer {
     position: absolute;
-    width: 120%;
-    left: -10%;
-    top: 5%;
-    height: 380px; /* Explicit height on mobile */
-    opacity: 0.3;
+    width: 100%;
+    left: 0;
+    top: 10%;
+    height: 300px;
+    opacity: 0.08;
     z-index: 1;
-    mix-blend-mode: screen;
+    mix-blend-mode: normal;
   }
 
   .hero-map-layer img {
-    filter: sepia(1) saturate(4) hue-rotate(230deg) brightness(0.76) contrast(1.18);
+    filter: brightness(0.5) contrast(1);
     opacity: 0.7;
   }