diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 34ef0384..d6cd8b57 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -345,6 +345,9 @@
   .-z-10 {
     z-index: calc(10 * -1);
   }
+  .z-0 {
+    z-index: 0;
+  }
   .z-2 {
     z-index: 2;
   }
diff --git a/layouts/partials/home/background.html b/layouts/partials/home/background.html
index b90f2e7d..f8fa6b3a 100644
--- a/layouts/partials/home/background.html
+++ b/layouts/partials/home/background.html
@@ -4,7 +4,7 @@
     <div class="absolute inset-x-0 bottom-0 h-1/2"></div>
     <div class="mx-auto max-w-7xl p-0">
       <div class="relative sm:overflow-hidden">
-        <div class="fixed inset-x-0 top-0 -z-10">
+        <div class="pointer-events-none fixed inset-x-0 top-0 z-0">
           {{ $useDefault := true }}
           {{ $homepageImage := "" }}
           {{ with .Site.Params.defaultBackgroundImage }}
@@ -41,7 +41,7 @@
               class="from-neutral absolute inset-0 h-[1000px] bg-gradient-to-t to-neutral-100 opacity-60 mix-blend-normal dark:from-neutral-800 dark:to-neutral-800"></div>
           {{ end }}
         </div>
-        <div class="relative flex flex-col items-center justify-center px-1 py-1 text-center">
+        <div class="relative z-10 flex flex-col items-center justify-center px-1 py-1 text-center">
           {{ with .Site.Params.Author.image }}
             {{ $authorImage := "" }}
             {{ if or (strings.HasPrefix . "http:") (strings.HasPrefix . "https:") }}