From 471f53162f93acbc87bc3beb955ab734bd5344b0 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 22 Oct 2025 14:28:32 +0200
Subject: [PATCH] fix: move spinning circle background inside container for
 proper z-index layering

---
 src/components/About.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/About.tsx b/src/components/About.tsx
index 1e78ed5..58d98fe 100644
--- a/src/components/About.tsx
+++ b/src/components/About.tsx
@@ -10,11 +10,11 @@ export function About() {
       id="about"
       className="relative bg-gray-900 py-20 lg:py-32"
     >
-      <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="flex h-screen items-center justify-center">
+            <CircleBackground color="#06b6d4" className="animate-spin-slower" />
+          </div>
           <div className="mx-auto max-w-3xl text-center">
             <Eyebrow color="accent">Our Mission</Eyebrow>
             <SectionHeader color="white" className="mt-2">