fix: center CircleBackground component using absolute positioning instead of flex

This commit is contained in:
2025-10-22 14:29:08 +02:00
parent 471f53162f
commit 812eb5f455

View File

@@ -12,9 +12,9 @@ export function About() {
> >
<div className="relative -mt-[100vh]"> <div className="relative -mt-[100vh]">
<Container> <Container>
<div className="flex h-screen items-center justify-center"> <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
<CircleBackground color="#06b6d4" className="animate-spin-slower" /> <CircleBackground color="#06b6d4" className="animate-spin-slower" />
</div> </div>
<div className="mx-auto max-w-3xl text-center"> <div className="mx-auto max-w-3xl text-center">
<Eyebrow color="accent">Our Mission</Eyebrow> <Eyebrow color="accent">Our Mission</Eyebrow>
<SectionHeader color="white" className="mt-2"> <SectionHeader color="white" className="mt-2">