diff --git a/src/pages/cloud/CloudHeroNew.tsx b/src/pages/cloud/CloudHeroNew.tsx
index dae6bb1..e4d1daf 100644
--- a/src/pages/cloud/CloudHeroNew.tsx
+++ b/src/pages/cloud/CloudHeroNew.tsx
@@ -9,7 +9,14 @@ export function CloudHeroNew() {
         className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-100 bg-white overflow-hidden md:bg-[url('/images/cloudhero4.webp')] md:bg-contain md:bg-right md:bg-no-repeat"
       >
         {/* Inner padding */}
-        <div className="px-6 py-16 lg:py-24">
+        <div className="px-6 pt-4 pb-12 lg:py-24">
+          {/* Mobile-only hero image */}
+          <img
+            src="/images/mobile/cloudpage.jpg"
+            alt="Mycelium Cloud page visual"
+            className="mb-8 w-full object-cover md:hidden"
+          />
+
           <div className="max-w-2xl lg:pl-6">
             <Eyebrow>
               MYCELIUM CLOUD