diff --git a/public/assets/css/style-extra.css b/public/assets/css/style-extra.css
index 4b9273d..35a3173 100644
--- a/public/assets/css/style-extra.css
+++ b/public/assets/css/style-extra.css
@@ -39,11 +39,16 @@ header::after {
     -webkit-mask-image: linear-gradient(to top, transparent var(--from), black var(--to));
             mask-image: linear-gradient(to top, transparent var(--from), black var(--to));
 }
-.header-blur > div:nth-child(1) { --blur: 1px;  --from: 0%;   --to: 20%;  }
-.header-blur > div:nth-child(2) { --blur: 2px;  --from: 20%;  --to: 40%;  }
-.header-blur > div:nth-child(3) { --blur: 4px;  --from: 40%;  --to: 60%;  }
-.header-blur > div:nth-child(4) { --blur: 8px;  --from: 60%;  --to: 80%;  }
-.header-blur > div:nth-child(5) { --blur: 16px; --from: 80%;  --to: 100%; }
+.header-blur > div:nth-child(1)  { --blur: 1.1px;  --from: 0%;   --to: 10%;  }
+.header-blur > div:nth-child(2)  { --blur: 1.5px;  --from: 10%;  --to: 20%;  }
+.header-blur > div:nth-child(3)  { --blur: 2px;    --from: 20%;  --to: 30%;  }
+.header-blur > div:nth-child(4)  { --blur: 2.6px;  --from: 30%;  --to: 40%;  }
+.header-blur > div:nth-child(5)  { --blur: 3.5px;  --from: 40%;  --to: 50%;  }
+.header-blur > div:nth-child(6)  { --blur: 4.6px;  --from: 50%;  --to: 60%;  }
+.header-blur > div:nth-child(7)  { --blur: 6px;    --from: 60%;  --to: 70%;  }
+.header-blur > div:nth-child(8)  { --blur: 8px;    --from: 70%;  --to: 80%;  }
+.header-blur > div:nth-child(9)  { --blur: 10.5px; --from: 80%;  --to: 90%;  }
+.header-blur > div:nth-child(10) { --blur: 14px;   --from: 90%;  --to: 100%; }
 
 /* Fonts */
 @font-face {
diff --git a/public/assets/js/script-extra.js b/public/assets/js/script-extra.js
index 1823e9e..e37cc3a 100644
--- a/public/assets/js/script-extra.js
+++ b/public/assets/js/script-extra.js
@@ -6,7 +6,7 @@ function initProgressiveHeaderBlur() {
     const container = document.createElement('div');
     container.className = 'header-blur';
     container.setAttribute('aria-hidden', 'true');
-    for (let i = 0; i < 5; i++) container.appendChild(document.createElement('div'));
+    for (let i = 0; i < 10; i++) container.appendChild(document.createElement('div'));
     header.prepend(container);
 }
 initProgressiveHeaderBlur();