Agrim/DPROD-3466/fix: color intensity hero

src/features/pages/home/hero/hero-image.tsx

@@ -12,6 +12,7 @@ const HeroImage = () => {
                 placeholder="none"
                 formats={['auto', 'webp']}
                 loading="eager"
+                quality={80}
             />
         </div>
     )

src/features/pages/home/hero/styles.module.scss

@@ -101,11 +101,11 @@
     }
 }
 .hero_content_gradient{
-    background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) -8.48%, rgba(0, 0, 0, 0.60) -8.46%, rgba(0, 0, 0, 0.00) 8.92%, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.70) 65.27%, rgba(0, 0, 0, 0.80) 102.14%);
+        background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) -8.48%, rgba(0, 0, 0, 0.60) -8.46%, rgba(0, 0, 0, 0.00) 8.92%, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.70) 65.27%, rgba(0, 0, 0, 0.80) 102.14%);
     @media only screen and (min-width: 601px){
-        background: linear-gradient(85deg, rgba(0, 0, 0, 0.80) 7.03%, rgba(0, 0, 0, 0.00) 108.11%);
+        background: linear-gradient(to left, rgba(0, 0, 0, 0) 1.45%, rgba(0, 0, 0, 0) 34.13%, rgba(15, 10, 10, .8) 86.38%);
     }
     @media only screen and (min-width: 1024px){
-        background: linear-gradient(84deg, rgba(0, 0, 0, 0.80) 6.97%, rgba(0, 0, 0, 0.00) 107.22%);
+        background: linear-gradient(to left, rgba(0, 0, 0, 0) 1.45%, rgba(0, 0, 0, 0) 34.13%, rgba(15, 10, 10, .8) 86.38%);
     }
 }