diff --git a/src/components/sections/hero/HeroOverlay.tsx b/src/components/sections/hero/HeroOverlay.tsx
index 06eda1f..9a5ebc3 100644
--- a/src/components/sections/hero/HeroOverlay.tsx
+++ b/src/components/sections/hero/HeroOverlay.tsx
@@ -43,7 +43,7 @@ const HeroOverlay = ({
   tag,
   tagIcon,
   buttons,
-  imageSrc,
+  imageSrc = "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80",
   videoSrc,
   imageAlt = "",
   videoAriaLabel = "Hero video",
@@ -72,7 +72,7 @@ const HeroOverlay = ({
     >
       <div className={cls("absolute inset-0 w-full h-full", mediaWrapperClassName)}>
         {showDimOverlay && (
-          <div className={cls("absolute top-0 left-0 w-full h-full bg-background/20 pointer-events-none select-none", dimOverlayClassName)} />
+          <div className={cls("absolute top-0 left-0 w-full h-full bg-green-500/20 pointer-events-none select-none", dimOverlayClassName)} />
         )}
         <MediaContent
           imageSrc={imageSrc}