components/HeroSection.module.css

@@ -20,9 +20,9 @@
   left: 50%;
   transform: translate(-50%, -50%);
   right: var(--space-4);
-  width: auto;
+  width: 100%;
   height: 80%;
-  opacity: 0.12;
+  opacity: 0.08;
   pointer-events: none;
   user-select: none;
   z-index: 0;
@@ -66,7 +66,8 @@
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
-     height: 90%;
+    height: 90%;
+    width:50%;
   }
   .actions {
     flex-direction: row;