diff --git a/src/components/sections/contact/ContactCta.tsx b/src/components/sections/contact/ContactCta.tsx
index ae0085e..ca164dd 100644
--- a/src/components/sections/contact/ContactCta.tsx
+++ b/src/components/sections/contact/ContactCta.tsx
@@ -16,7 +16,11 @@ const ContactCta = ({
   return (
     <section aria-label="Contact section" className="py-20">
       <div className="w-content-width mx-auto">
-        <ScrollReveal variant="slide-up" className="flex items-center justify-center py-20 px-5 md:px-10 card rounded">
+        <ScrollReveal variant="slide-up" className="relative overflow-hidden flex items-center justify-center py-20 px-5 md:px-10 card rounded">
+          <div
+            className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] -z-10 bg-[radial-gradient(closest-side,theme(colors.background/0.5),transparent)]"
+            aria-hidden="true"
+          />
           <div className="w-full md:w-3/4 flex flex-col items-center gap-3">
             <span className="card rounded px-3 py-1 text-sm">{tag}</span>