update about page

src/components/sections/AboutHero.tsx

@@ -8,11 +8,11 @@ export default function AboutHero() {
             width: 100% !important;
             text-align: center !important;
             color: #fff !important;
-            padding: 60px 40px 100px 40px !important;
+            padding: 40px !important;
             z-index: 2;
             display: flex !important;
             flex-direction: column !important;
-            justify-content: flex-end !important;
+            justify-content: center !important;
             align-items: center !important;
             height: 100% !important;
         }
@@ -34,8 +34,8 @@ export default function AboutHero() {
         <div 
           style={{ 
             backgroundImage: "url('/images/about-bg.png')",
-            ["--hero-overlay" as any]: "linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.55) 100%)"
-          }} 
+            "--hero-overlay": "linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.92) 60%, rgba(0, 0, 0, 0.98) 100%)"
+          } as React.CSSProperties} 
           className="custom-standard-hero-card"
         >
           <div className="about-us-hero-content">