fix: improve About section positioning with sticky background and relative content

src/components/About.tsx

@@ -8,11 +8,12 @@ export function About() {
   return (
     <section
       id="about"
-      className="relative overflow-hidden bg-gray-900 py-20 lg:py-32 lg:top-0 top-0"
+      className="relative bg-gray-900 py-20 lg:py-32"
     >
-      <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
+      <div className="sticky top-0 flex h-screen items-center justify-center">
         <CircleBackground color="#06b6d4" className="animate-spin-slower" />
       </div>
+      <div className="relative -mt-[100vh]">
         <Container>
           <div className="mx-auto max-w-3xl text-center">
             <Eyebrow color="accent">Our Mission</Eyebrow>
@@ -41,6 +42,7 @@ export function About() {
             </div>
           </div>
         </Container>
+      </div>
     </section>
   )
 }