diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 39723f4..92c9811 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -7,7 +7,7 @@ const { src = '/motschensummer-cutout.png' } = Astro.props
 <section class="hero my-12">
   <div class="container">
     <div class="grid grid-cols-1 items-center gap-24 lg:grid-cols-2">
-      <div class="flex flex-col items-center gap-8 md:items-start rellax -z-10" data-rellax-desktop-speed="-5" data-rellax-speed="-4">
+      <div class="flex flex-col items-center gap-8 md:items-start rellax" data-rellax-desktop-speed="-5" data-rellax-speed="-4" data-rellax-zindex="-10">
         <h1 class="text-center text-6xl md:text-left lg:text-8xl">
           <slot>
             <span id="modding-text" class="text-gradient">Modding</span>