diff --git a/images/web-stack-scheme.svg b/images/web-stack-scheme.svg
new file mode 100644
index 0000000..d039fb3
--- /dev/null
+++ b/images/web-stack-scheme.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+  <!-- Background -->
+  <rect width="800" height="600" fill="#f0f0f0"/>
+  
+  <!-- Internet cloud -->
+  <ellipse cx="400" cy="50" rx="100" ry="40" fill="#d1ecf1" stroke="#0c5460" stroke-width="2"/>
+  <text x="400" y="55" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#0c5460">Internet</text>
+  
+  <!-- Caddy -->
+  <rect x="350" y="120" width="100" height="60" rx="10" ry="10" fill="#d4edda" stroke="#155724" stroke-width="2"/>
+  <text x="400" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#155724">Caddy</text>
+  
+  <!-- Varnish -->
+  <rect x="350" y="220" width="100" height="60" rx="10" ry="10" fill="#fff3cd" stroke="#856404" stroke-width="2"/>
+  <text x="400" y="255" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#856404">Varnish</text>
+  
+  <!-- Ghost -->
+  <rect x="200" y="320" width="100" height="60" rx="10" ry="10" fill="#cce5ff" stroke="#004085" stroke-width="2"/>
+  <text x="250" y="355" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#004085">Ghost</text>
+  
+  <!-- Gitea -->
+  <rect x="500" y="320" width="100" height="60" rx="10" ry="10" fill="#e2e3e5" stroke="#383d41" stroke-width="2"/>
+  <text x="550" y="355" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#383d41">Gitea</text>
+  
+  <!-- MySQL -->
+  <rect x="350" y="420" width="100" height="60" rx="10" ry="10" fill="#f8d7da" stroke="#721c24" stroke-width="2"/>
+  <text x="400" y="455" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#721c24">MySQL</text>
+  
+  <!-- Connections -->
+  <line x1="400" y1="90" x2="400" y2="120" stroke="#0c5460" stroke-width="2"/>
+  <line x1="400" y1="180" x2="400" y2="220" stroke="#155724" stroke-width="2"/>
+  <line x1="400" y1="280" x2="250" y2="320" stroke="#856404" stroke-width="2"/>
+  <line x1="400" y1="280" x2="550" y2="320" stroke="#856404" stroke-width="2"/>
+  <line x1="250" y1="380" x2="400" y2="420" stroke="#004085" stroke-width="2"/>
+  <line x1="550" y1="380" x2="400" y2="420" stroke="#383d41" stroke-width="2"/>
+</svg>
\ No newline at end of file