diff --git a/content/official.md b/content/homeserver/official.md
similarity index 93%
rename from content/official.md
rename to content/homeserver/official.md
index 884834054..2f619fce9 100644
--- a/content/official.md
+++ b/content/homeserver/official.md
@@ -26,17 +26,17 @@ Here are some examples of how it looks in some common apps:
 
 <div style="display:flex; flex-direction:row; flex-wrap: wrap; gap: 8px; align-items: baseline; justify-content: center;">
 {{ figure(
-    img="/images/official/client1.png"
+    img="/images/homeserver/official/client1.png"
     alt="Element Web's right panel"
     caption="")
 }}
 {{ figure(
-    img="/images/official/client3.png"
+    img="/images/homeserver/official/client3.png"
     alt="Cinny's user info popup"
     caption="")
 }}
 {{ figure(
-    img="/images/official/client2.png"
+    img="/images/homeserver/official/client2.png"
     alt="Element Web's tooltip on the avatar"
     caption="")
 }}
diff --git a/static/images/official/client1.png b/static/images/homeserver/official/client1.png
similarity index 100%
rename from static/images/official/client1.png
rename to static/images/homeserver/official/client1.png
diff --git a/static/images/official/client2.png b/static/images/homeserver/official/client2.png
similarity index 100%
rename from static/images/official/client2.png
rename to static/images/homeserver/official/client2.png
diff --git a/static/images/official/client3.png b/static/images/homeserver/official/client3.png
similarity index 100%
rename from static/images/official/client3.png
rename to static/images/homeserver/official/client3.png