diff --git a/site/legacy.html b/site/legacy.html
index a3e1ca3..36e2fa7 100644
--- a/site/legacy.html
+++ b/site/legacy.html
@@ -15,10 +15,6 @@
         html {
             scroll-behavior: smooth
         }
-
-        .hero-overlay {
-            background: linear-gradient(135deg, rgba(0, 180, 154, 0.85) 0%, rgba(0, 77, 65, 0.90) 100%)
-        }
     </style>
 </head>
 
@@ -52,10 +48,11 @@
 
     <section class="relative min-h-[60vh] flex items-center justify-center bg-cover bg-center"
         style="background-image:url('/images/legacy-bg.png')">
-        <div class="hero-overlay absolute inset-0"></div>
-        <div class="relative z-10 text-center text-white px-4 max-w-3xl">
-            <h1 class="text-4xl sm:text-5xl font-bold mb-4">Leave a Lasting Legacy</h1>
-            <p class="text-lg sm:text-xl text-white/90">Ensure your wealth is transferred smoothly to the next
+        <!-- White overlay for better text contrast -->
+        <div class="absolute inset-0 bg-white/60"></div>
+        <div class="relative z-10 text-center px-4 max-w-3xl">
+            <h1 class="text-4xl sm:text-5xl font-bold mb-4 text-gray-900">Leave a Lasting Legacy</h1>
+            <p class="text-lg sm:text-xl text-gray-700">Ensure your wealth is transferred smoothly to the next
                 generation.</p>
         </div>
     </section>