diff --git a/generateSite.js b/generateSite.js
index 0d65613..c1cc662 100644
--- a/generateSite.js
+++ b/generateSite.js
@@ -87,7 +87,7 @@ async function generateSite() {
             <div class="progressive-image-container">
                 <img 
                     class="progressive-image thumbnail" 
-                    src="${image.localPath}?quality=10&width=100" 
+                    src="${image.localPath}?quality=20&width=100" 
                     alt="${image.metadata.description || ''}"
                 >
                 <img 
diff --git a/public/styles.css b/public/styles.css
index 0ea06fe..3fc3076 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -55,7 +55,7 @@ img {
 
 .navigation {
     position: fixed;
-    bottom: 50%;
+    bottom: 33%;
     left: 0;
     right: 0;
     display: flex;