diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 43c84b7..326457c 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -73,7 +73,7 @@ const Index = () => {
       <section className="relative">
         {/* Hero Image - Full width with aspect ratio */}
         <div 
-          className="w-full aspect-[16/9] md:aspect-[16/8] lg:aspect-[16/7] bg-cover bg-center"
+          className="w-full aspect-[16/9] md:aspect-[16/7] lg:aspect-[16/6] bg-contain bg-center bg-no-repeat bg-white"
           style={{ backgroundImage: `url(${heroBg})` }}
         />