diff --git a/README.md b/README.md
index 699501b2..41273859 100644
--- a/README.md
+++ b/README.md
@@ -19,7 +19,7 @@
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="docs/architecture.svg">
     <source media="(prefers-color-scheme: light)" srcset="docs/architecture.svg">
-    <img alt="Perstack Architecture" src="docs/architecture.svg" width="720">
+    <img alt="Perstack Architecture" src="docs/architecture.svg" width="100%">
   </picture>
 </p>
 
diff --git a/docs/index.mdx b/docs/index.mdx
index 1aefc7e1..a9c7dcde 100644
--- a/docs/index.mdx
+++ b/docs/index.mdx
@@ -7,7 +7,7 @@ pagefind: true
 
 import { LinkCard, CardGrid } from '@astrojs/starlight/components';
 
-<img src="/docs/architecture.svg" alt="Perstack Architecture" width="720" />
+<img src="/docs/architecture.svg" alt="Perstack Architecture" style="width:100%;height:auto" />
 
 Perstack is a containerized harness for agentic apps.