diff --git a/docs/about/introduction.md b/docs/about/introduction.md
index 11703d96c..ed1d38bce 100644
--- a/docs/about/introduction.md
+++ b/docs/about/introduction.md
@@ -3,7 +3,12 @@
 Pumpkin is a Minecraft server built entirely in **Rust**, offering a fast, efficient,
 and customizable experience. It prioritizes performance and player enjoyment while adhering to the core mechanics of the game.
 
-![image](https://github.com/user-attachments/assets/7e2e865e-b150-4675-a2d5-b52f9900378e)
+<picture>
+  <source srcset="/assets/introduction-preview-2560x1440.png" media="(min-width: 2560px)">
+  <source srcset="/assets/introduction-preview-1280x720.png" media="(min-width: 1280px)">
+  <source srcset="/assets/introduction-preview-640x360.png" media="(min-width: 640px)">
+  <img src="/assets/introduction-preview-1280x720.png" alt="Preview">
+</picture>
 
 ## What Pumpkin wants to achieve
 
diff --git a/docs/assets/introduction-preview-1280x720.png b/docs/assets/introduction-preview-1280x720.png
new file mode 100644
index 000000000..77c143067
Binary files /dev/null and b/docs/assets/introduction-preview-1280x720.png differ
diff --git a/docs/assets/introduction-preview-2560x1440.png b/docs/assets/introduction-preview-2560x1440.png
new file mode 100644
index 000000000..eb0595e7e
Binary files /dev/null and b/docs/assets/introduction-preview-2560x1440.png differ
diff --git a/docs/assets/introduction-preview-640x360.png b/docs/assets/introduction-preview-640x360.png
new file mode 100644
index 000000000..aa77872cc
Binary files /dev/null and b/docs/assets/introduction-preview-640x360.png differ