diff --git a/README.md b/README.md
index ebc7dfa..1dad302 100644
--- a/README.md
+++ b/README.md
@@ -70,8 +70,11 @@ not needed here.
 - Paywalls or messages begging for donations. If you want to support me (for
 whatever reason), you can message me through GitHub issues.
 
-# Screenshot
-![Screenshot](screenshot.png)
+# Screenshots
+<p align="middle">
+  <img src="screenshot-desktop.webp" height="200" alt="desktop screenshot" />
+  <img src="screenshot-mobile.webp" height="200"alt="mobile screenshot" />
+</p>
 
 # Usage
 ## Using `docker compose` (Recommended method)
diff --git a/screenshot-desktop.webp b/screenshot-desktop.webp
new file mode 100644
index 0000000..7901d45
Binary files /dev/null and b/screenshot-desktop.webp differ
diff --git a/screenshot-mobile.webp b/screenshot-mobile.webp
new file mode 100644
index 0000000..89cb1ce
Binary files /dev/null and b/screenshot-mobile.webp differ
diff --git a/screenshot.png b/screenshot.png
deleted file mode 100644
index 03c5464..0000000
Binary files a/screenshot.png and /dev/null differ