diff --git a/src/components/sections/hero/HeroLogoBillboardSplit.tsx b/src/components/sections/hero/HeroLogoBillboardSplit.tsx
index 6053dc8..684302a 100644
--- a/src/components/sections/hero/HeroLogoBillboardSplit.tsx
+++ b/src/components/sections/hero/HeroLogoBillboardSplit.tsx
@@ -85,10 +85,10 @@ const HeroLogoBillboardSplit = ({
     const theme = useTheme();
 
     return (
-        <section
-            aria-label={ariaLabel}
-            className={cls("relative w-full py-hero-page-padding", className, "bg-gradient-to-b from-black to-transparent")}
-        >
+            <section
+                aria-label={ariaLabel}
+                className={cls("relative w-full py-hero-page-padding", className, "bg-gradient-to-b from-black to-transparent bg-[linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.8))]")}
+            >
             <HeroBackgrounds {...background} />
             <div className={cls("w-content-width mx-auto flex flex-col gap-6 md:gap-15 relative z-10", containerClassName)}>
                 <div className={cls(