diff --git a/src/components/sections/hero/HeroLogoBillboardSplit.tsx b/src/components/sections/hero/HeroLogoBillboardSplit.tsx
index 5f96524..36d8f50 100644
--- a/src/components/sections/hero/HeroLogoBillboardSplit.tsx
+++ b/src/components/sections/hero/HeroLogoBillboardSplit.tsx
@@ -87,7 +87,7 @@ const HeroLogoBillboardSplit = ({
     return (
         <section
             aria-label={ariaLabel}
-            className={cls("relative w-full py-hero-page-padding", className)}
+            className={cls("relative w-full py-hero-page-padding", className, "bg-gradient-to-b from-black/50 to-black/0")}
         >
             <HeroBackgrounds {...background} />
             <div className={cls("w-content-width mx-auto flex flex-col gap-6 md:gap-15 relative z-10", containerClassName)}>