diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6981b4d..893d9b2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -539,27 +539,29 @@ export default function Home() {
           // Desktop Layout - Responsive with aligned image
           <div className="min-h-screen flex flex-col relative pt-[10vh] lg:pt-[15vh] xl:pt-[200px]">
             <div className="w-full max-w-[1600px] mx-auto px-8 lg:px-[80px]">
-              <div className="flex flex-col lg:flex-row gap-8 lg:gap-0">
+              <div className="flex flex-col lg:grid lg:grid-cols-[45%_55%] gap-8 lg:gap-0">
                 {/* Left Side - Marina Image Container */}
-                <div className="order-2 lg:order-1 w-full lg:w-[45%]">
-                  <div className="lg:pr-[40px] h-full">
-                    {/* On mobile: fixed height, on desktop: match form height */}
-                    <div className="relative h-[400px] lg:h-full">
-                      <Image
-                        src="/marina.jpg"
-                        alt="Port Amador Marina"
-                        fill
-                        className="object-cover object-center"
-                        sizes="(max-width: 1024px) 100vw, 45vw"
-                        priority
-                        style={{ objectPosition: 'center' }}
-                      />
+                <div className="order-2 lg:order-1">
+                  <div className="lg:pr-[40px] h-[400px] lg:h-auto">
+                    {/* Image positioned to align with heading */}
+                    <div className="relative h-full lg:sticky lg:top-0">
+                      <div className="absolute inset-0 lg:relative lg:h-[calc(72px+3rem+400px)]">
+                        <Image
+                          src="/marina.jpg"
+                          alt="Port Amador Marina"
+                          fill
+                          className="object-cover"
+                          sizes="(max-width: 1024px) 100vw, 45vw"
+                          priority
+                          style={{ objectPosition: 'center top' }}
+                        />
+                      </div>
                     </div>
                   </div>
                 </div>
 
                 {/* Right Side - Form Section */}
-                <div className="order-1 lg:order-2 w-full lg:w-[55%]">
+                <div className="order-1 lg:order-2">
                   <div className="lg:pl-[40px]">
                     {/* Form content wrapper */}
                     <div className="flex flex-col">