diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index 04b6402..ca4dbe5 100644
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -7,7 +7,7 @@ const HeroSection = () => {
       backgroundImage: `url(${heroBakeryImage})`
     }} />
       {/* Fade-out gradient at bottom */}
-      <div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-background" />
+      <div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent via-background/50 to-background" />
       {/* Keep contrast for text without washing out the image */}
       <div className="pointer-events-none absolute inset-0 bg-background/25" />