Expanded hero visibility

Adjusted hero image aspect ratio to show more details:
- set mobile to 16/9, tablet 16/8, desktop 16/7
- retains full-width, centered, cover background for better detail exposure

X-Lovable-Edit-ID: edt-613d80a1-a5b8-45ad-853a-97d6385cf8c7

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/7] md:aspect-[16/6] lg:aspect-[16/5] bg-cover bg-center"
+          className="w-full aspect-[16/9] md:aspect-[16/8] lg:aspect-[16/7] bg-cover bg-center"
           style={{ backgroundImage: `url(${heroBg})` }}
         />