diff --git a/public/images/about-complex/marasi-drive/main-mobile_c.jpg b/public/images/about-complex/marasi-drive/main-mobile_c.jpg
new file mode 100644
index 0000000..17a5c38
Binary files /dev/null and b/public/images/about-complex/marasi-drive/main-mobile_c.jpg differ
diff --git a/public/images/about-complex/marasi-drive/main-tablet_c.jpg b/public/images/about-complex/marasi-drive/main-tablet_c.jpg
new file mode 100644
index 0000000..33db8c0
Binary files /dev/null and b/public/images/about-complex/marasi-drive/main-tablet_c.jpg differ
diff --git a/public/images/about-complex/marasi-drive/main_c.jpg b/public/images/about-complex/marasi-drive/main_c.jpg
new file mode 100644
index 0000000..341643e
Binary files /dev/null and b/public/images/about-complex/marasi-drive/main_c.jpg differ
diff --git a/src/components/AboutMarasiDrive.tsx b/src/components/AboutMarasiDrive.tsx
index deb74d5..a57b9b9 100644
--- a/src/components/AboutMarasiDrive.tsx
+++ b/src/components/AboutMarasiDrive.tsx
@@ -21,35 +21,68 @@ function AboutMarasiDrive() {
 
   return (
     <div className="relative">
-      <section className="sticky top-[4.444vw] w-full bg-white bg-[url(/images/about-complex/marasi-drive/tower.png)] bg-cover h-[calc(100dvh-4.444vw)] bg-no-repeat bg-[position:left_13.264vw_top] pl-[2.222vw] pt-[5vw] pb-[2.222vw] flex flex-col justify-between">
-        <div className="space-y-[1.667vw]">
-          <h1 className="text-[5vw] leading-none tracking-[-0.07em] font-mixcase-unmixed font-medium max-md:text-[8.889vw] whitespace-pre-line">
+      <section className="2xl:sticky relative 2xl:top-[4.444vw] w-full bg-white 2xl:h-[calc(100dvh-4.444vw)] md:max-2xl:h-[calc(100dvh-64px)] h-[calc(100dvh-56px)] 2xl:p-[2.222vw] 2xl:pt-[5vw] md:max-2xl:p-6 md:max-2xl:pt-10 p-4 pt-8 flex flex-col justify-between">
+        <div className="absolute inset-0">
+          <img
+            src="/images/about-complex/marasi-drive/main_c.jpg"
+            alt=""
+            className="object-cover max-2xl:hidden w-full"
+          />
+          <img
+            src="/images/about-complex/marasi-drive/main-tablet_c.jpg"
+            alt=""
+            className="object-cover md:max-2xl:block hidden w-full"
+          />
+          <img
+            src="/images/about-complex/marasi-drive/main-mobile_c.jpg"
+            alt=""
+            className="object-cover md:hidden size-full"
+          />
+        </div>
+
+        <div className="2xl:space-y-[1.667vw] md:max-2xl:space-y-6 space-y-4 relative">
+          <h1 className="2xl:text-[5vw] md:max-2xl:text-7xl text-[32px] leading-none tracking-[-0.07em] font-mixcase-unmixed font-medium whitespace-pre-line">
             {`Rove Home 
             Marasi Drive`}
           </h1>
-          <div className="space-y-[0.556vw]">
+          <div className="2xl:space-y-[0.556vw] space-y-2">
             {marasiDriveDescriptionBadges.map((description) => (
               <TextBox text={description} key={description} />
             ))}
           </div>
         </div>
-        <div className="space-y-[2.222vw] max-md:hidden">
+
+        <div className="2xl:space-y-[2.222vw] md:max-2xl:space-y-6 relative max-md:hidden">
           <h4 className="text-h4 text-[#00BED7] font-medium whitespace-pre-line">
             {`A home for the young
             and young in heart`}
           </h4>
-          <p className="text-s text-[#0D1922B2] max-md:whitespace-pre-line min-2xl:whitespace-pre-line">
-            {`The dynamic essence of Rove comes to life at our
-            new location in Marasi Drive, Business Bay. Enjoy
-            an urban living experience beyond the ordinary.`}
+          <p className="text-s opacity-70 2xl:w-1/4 md:max-2xl:w-1/3">
+            The dynamic essence of Rove comes to life at our new location in
+            Marasi Drive, Business Bay. Enjoy an urban living experience beyond
+            the ordinary.
           </p>
         </div>
       </section>
-      <section className="sticky top-[-275%] pt-[9.444vw] px-[2.222vw] pb-[5.347vw] flex flex-col gap-[11.667vw] bg-white w-full overflow-clip">
-        <div className="flex flex-col gap-[4.444vw]">
-          <div className="flex flex-col gap-[2.222vw] items-center">
-            <h2 className="font-mixcase-unmixed text-h1 text-center">
-              What makes a Rove Home?
+      <section>
+        <div className="space-y-6 bg-white px-4 py-8 md:hidden">
+          <h4 className="text-h4 text-[#00BED7] font-medium whitespace-pre-line">
+            {`A home for the young
+            and young in heart`}
+          </h4>
+          <p className="text-s opacity-70">
+            The dynamic essence of Rove comes to life at our new location in
+            Marasi Drive, Business Bay. Enjoy an urban living experience beyond
+            the ordinary.
+          </p>
+        </div>
+      </section>
+      <section className="2xl:sticky relative 2xl:top-[-275%] 2xl:pt-[9.444vw] 2xl:px-[2.222vw] 2xl:pb-[5.347vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 pb-8 flex flex-col gap-[11.667vw] bg-white w-full overflow-clip">
+        <div className="flex flex-col 2xl:gap-[4.444vw] md:max-2xl:gap-12 gap-10">
+          <div className="flex flex-col 2xl:gap-[2.222vw] md:max-2xl:gap-8 gap-6 items-center">
+            <h2 className="font-mixcase-unmixed md:text-h1 text-[28px] leading-none text-center max-md:whitespace-pre-line ">
+              {`What makes
+              a Rove Home?`}
             </h2>
             <p className="opacity-70 text-s whitespace-pre-line text-center">
               {`Experience the difference with Rove Home where modern amenities, trendy
@@ -69,7 +102,7 @@ function AboutMarasiDrive() {
             ))}
           </div>
         </div>
-        <div className="flex flex-col gap-[4.444vw]">
+        <div className="flex flex-col 2xl:gap-[4.444vw]">
           <div className="flex flex-col gap-[2.222vw] items-center">
             <h2 className="font-mixcase-unmixed text-h1 text-center">
               Expandable Living Solutions