Adjust heros, reduce noise

src/components/common/noise/index.tsx

@@ -1,4 +1,4 @@
-import s from './noise.module.css'
+import s from './noise.module.scss'
 
 export const Noise = () => {
   return (

src/components/common/noise/noise.module.scss

@@ -12,6 +12,12 @@
   animation: grain 6s steps(10) infinite;
 }
 
+[data-theme='light'] {
+  .noise {
+    opacity: 35%;
+  }
+}
+
 @keyframes grain {
   0% {
     transform: translate(20%, -15%);

src/components/sections/about/hero/hero.module.scss

@@ -89,7 +89,7 @@
   display: flex;
   flex-direction: column;
   margin-top: tovw(26px, 'default', 26px);
-  gap: tovw(89px, 'default', 56px);
+  gap: tovw(65px, 'default', 56px);
 
   .header {
     @include respond-to('mobile') {