diff --git a/apps/website/src/components/ServiceCard.astro b/apps/website/src/components/ServiceCard.astro
index 4a0cb4e7..64da2a95 100644
--- a/apps/website/src/components/ServiceCard.astro
+++ b/apps/website/src/components/ServiceCard.astro
@@ -42,11 +42,10 @@ const image = await src();
     max-lg:col-span-6
     md:gap-x-7
     w-full
-    absolute
-    h-[710px]
+    [w-425px]:h-[710px]
     overflow-hidden
     `,
-    styles,
+    styles
   )}
 >
   <section
@@ -67,21 +66,26 @@ const image = await src();
       lg:grid-rows-[min-content_auto]
       backdrop-blur-[15px]
       `,
-      classNames,
+      classNames
     )}
   >
     <div
       class="col-span-6 grid max-lg:grid-rows-[min-content_min-content_auto] gap-7 lg:grid-cols-2 lg:col-span-2 lg:items-start justify-between"
     >
       <span class="grid md:flex gap-7">
-        <img src={iconPath} alt="" role="presentation" class="lg:mt-[2px] h-8 w-8 md:h-12 md:w-12" />
+        <img
+          src={iconPath}
+          alt=""
+          role="presentation"
+          class="lg:mt-[2px] h-8 w-8 md:h-12 md:w-12"
+        />
         <div class="gap-y-2 flex flex-col">
           <h4
             class="font-medium text-xl leading-[22px] md:text-[28px] md:leading-[30px] text-left"
           >
             {title}
           </h4>
-          <p class="text-lg">{subtitle}</p>
+          <p class="text-sm md:text-lg">{subtitle}</p>
         </div>
       </span>
       <div
diff --git a/apps/website/src/content/services/improving-engineering-tempo.md b/apps/website/src/content/services/improving-engineering-tempo.md
index c934da9c..d1db9f78 100644
--- a/apps/website/src/content/services/improving-engineering-tempo.md
+++ b/apps/website/src/content/services/improving-engineering-tempo.md
@@ -11,7 +11,7 @@ bgColor: "bg-[#3C3843E5]/[0.9]"
 By optimizing workflows and breaking down tasks, we boost engineering tempo and support your team in delivering higher-quality software, faster. Through hands-on process coaching, placing experienced engineers directly in your team, or deploying a dedicated task force to unblock delivery, we streamline development to make releases more frequent and reduce production failures.
 </br>
 </br>
-</br>
+
 <div class="flex justify-end items-center gap-4">
   <p class="text-right">Schedule a free DevEx audit</p>
   <a id="contact-us-our-services-cta"
@@ -19,4 +19,4 @@ By optimizing workflows and breaking down tasks, we boost engineering tempo and
      href="/contact">
     Contact Us
   </a>
-</div>
\ No newline at end of file
+</div>
diff --git a/apps/website/src/styles/main.css b/apps/website/src/styles/main.css
index d0d40dc6..b980d02b 100644
--- a/apps/website/src/styles/main.css
+++ b/apps/website/src/styles/main.css
@@ -121,7 +121,38 @@ body:has(nav #nav-menu-toggle:checked) {
   border-color: #607A1A;
 }
 
-@media (min-width: 320px) {
+@media (min-width: 425px) {
+  .animation-container {
+    /* 4 x card height - 3 x negative margin top */
+    height: calc((4 * 710px) - (3 * 50));
+  }
+
+  .animation-card {
+    position: sticky;
+    width: 100%;
+    max-height: 710px;
+    margin-top: -50px;
+  }
+
+  .animation-card:nth-child(1) {
+    top: 100px;
+    margin-top: 0;
+  }
+
+  .animation-card:nth-child(2) {
+    top: 170px;
+  }
+
+  .animation-card:nth-child(3) {
+    top: 240px;
+  }
+
+  .animation-card:nth-child(4) {
+    top: 310px;
+  }
+}
+
+@media (min-width: 768px) {
   .animation-container {
     /* 4 x card height - 3 x negative margin top */
     height: calc((4 * 710px) - (3 * 50));