Startseite fertiggestellt.

components/HeroSection.module.css

@@ -14,17 +14,7 @@
 }
 
 .heroDecoration {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  right: auto;
-  transform: translate(-50%, -50%);
-  width: min(78vw, 360px);
-  height: auto;
-  opacity: 0.05;
-  pointer-events: none;
-  user-select: none;
-  z-index: 0;
+  display: none;
 }
 
 .content {
@@ -69,12 +59,18 @@
   }
 
   .heroDecoration {
+    display: block;
+    position: absolute;
     top: 50%;
     left: auto;
     right: 0;
     transform: translateY(-50%);
     width: min(42vw, 420px);
+    height: auto;
     opacity: 0.06;
+    pointer-events: none;
+    user-select: none;
+    z-index: 0;
   }
 
   .actions {