diff --git a/development/system-architecture.mdx b/development/system-architecture.mdx
index c296532..ed291f7 100644
--- a/development/system-architecture.mdx
+++ b/development/system-architecture.mdx
@@ -66,5 +66,5 @@ Badger ensures that only authenticated and authorized users can access your appl
 </Warning>
 
 <Frame caption="System architecture showing Pangolin components">
-<img src="/images/system-diagram.svg" alt="Pangolin system architecture diagram"/>
+<img src="/images/system-diagram.png" alt="Pangolin system architecture diagram"/>
 </Frame>
diff --git a/images/diagram.png b/images/diagram.png
new file mode 100644
index 0000000..fc0a383
Binary files /dev/null and b/images/diagram.png differ
diff --git a/images/ha.png b/images/ha.png
new file mode 100644
index 0000000..dd6482d
Binary files /dev/null and b/images/ha.png differ
diff --git a/images/system-diagram.png b/images/system-diagram.png
new file mode 100644
index 0000000..f464816
Binary files /dev/null and b/images/system-diagram.png differ
diff --git a/manage/remote-node/understanding-nodes.mdx b/manage/remote-node/understanding-nodes.mdx
index cbe758a..5ffb5ba 100644
--- a/manage/remote-node/understanding-nodes.mdx
+++ b/manage/remote-node/understanding-nodes.mdx
@@ -29,7 +29,7 @@ Think of different nodes as the "front doors" to your applications - users conne
 - **Failover**: If you have multiple nodes, the control plane will failover between them. If one node becomes unavailable, traffic can optionally fail over to our cloud infrastructure or other nodes until you restore service.
 
 <Frame>
-  <img src="/images/ha.svg" width="400" centered/>
+  <img src="/images/ha.png" width="400" centered/>
 </Frame>
 
 ## Some Benefits