diff --git a/public/images/mobile/agents.jpg b/public/images/mobile/agents.jpg
new file mode 100644
index 0000000..8e1fee2
Binary files /dev/null and b/public/images/mobile/agents.jpg differ
diff --git a/public/images/mobile/cloudpage.jpg b/public/images/mobile/cloudpage.jpg
new file mode 100644
index 0000000..582fc03
Binary files /dev/null and b/public/images/mobile/cloudpage.jpg differ
diff --git a/public/images/mobile/homepage.jpg b/public/images/mobile/homepage.jpg
new file mode 100644
index 0000000..6a0b85c
Binary files /dev/null and b/public/images/mobile/homepage.jpg differ
diff --git a/public/images/mobile/nodes.jpg b/public/images/mobile/nodes.jpg
new file mode 100644
index 0000000..d3ecd33
Binary files /dev/null and b/public/images/mobile/nodes.jpg differ
diff --git a/public/images/mobile/pods.jpg b/public/images/mobile/pods.jpg
new file mode 100644
index 0000000..f93ff88
Binary files /dev/null and b/public/images/mobile/pods.jpg differ
diff --git a/src/pages/home/HomeAurora.tsx b/src/pages/home/HomeAurora.tsx
index 9351088..21d4d7e 100644
--- a/src/pages/home/HomeAurora.tsx
+++ b/src/pages/home/HomeAurora.tsx
@@ -9,7 +9,14 @@ export function HomeAurora() {
         className="relative mx-auto max-w-7xl border border-t-0 border-gray-100 bg-white overflow-hidden bg-size-[65%] bg-right bg-no-repeat bg-none md:bg-[url('/images/hero11.webp')]"
       >
         {/* Inner padding */}
-        <div className="px-6 py-16 lg:py-32 ">
+        <div className="px-6 pb-12 pt-8  lg:py-32 ">
+          {/* Mobile-only hero image */}
+          <img
+            src="/images/mobile/homepage.jpg"
+            alt="Mycelium homepage visual"
+            className="mb-8 w-full object-cover md:hidden"
+          />
+
           <div className="max-w-2xl lg:pl-6">
             <Eyebrow> Project MYCELIUM</Eyebrow> 
             <H3 className="mt-4">