diff --git a/site/index.html b/site/index.html
index 4800ee08..d4b67d2e 100644
--- a/site/index.html
+++ b/site/index.html
@@ -24,13 +24,13 @@ <h2 id="documents" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 d
                 Images of the Application</h2>
             <div class="grid gap-3">
                 <!-- reduce size -->
-                <img src="./static/app/1.png" alt="Image 1" class="rounded-lg shadow-lg w-80">
-                <img src="./static/app/2.png" alt="Image 2" class="rounded-lg shadow-lg w-80">
-                <img src="./static/app/3.png" alt="Image 3" class="rounded-lg shadow-lg w-80">
-                <img src="./static/app/4.png" alt="Image 4" class="rounded-lg shadow-lg w-80">
-                <img src="./static/app/5.png" alt="Image 5" class="rounded-lg shadow-lg w-80">
-                <img src="./static/app/6.png" alt="Image 6" class="rounded-lg shadow-lg w-80">
-                <img src="./static/app/7.png" alt="Image 7" class="rounded-lg shadow-lg w-80">
+                <img src="./static/app/1.png" alt="Image 1" class="rounded-lg shadow-lg h-40">
+                <img src="./static/app/2.png" alt="Image 2" class="rounded-lg shadow-lg h-40">
+                <img src="./static/app/3.png" alt="Image 3" class="rounded-lg shadow-lg h-40">
+                <img src="./static/app/4.png" alt="Image 4" class="rounded-lg shadow-lg h-40">
+                <img src="./static/app/5.png" alt="Image 5" class="rounded-lg shadow-lg h-40">
+                <img src="./static/app/6.png" alt="Image 6" class="rounded-lg shadow-lg h-40">
+                <img src="./static/app/7.png" alt="Image 7" class="rounded-lg shadow-lg h-40>
             </div>
         </div>
     </div>