diff --git a/public/images/blog/blog.png b/public/images/blog/blog.png
index 9407804..fd01dbe 100644
Binary files a/public/images/blog/blog.png and b/public/images/blog/blog.png differ
diff --git a/public/images/blog/blog2.png b/public/images/blog/blog2.png
deleted file mode 100644
index fd01dbe..0000000
Binary files a/public/images/blog/blog2.png and /dev/null differ
diff --git a/src/components/sections/blog/hero/hero.module.scss b/src/components/sections/blog/hero/hero.module.scss
index 7abc8db..028c9ca 100644
--- a/src/components/sections/blog/hero/hero.module.scss
+++ b/src/components/sections/blog/hero/hero.module.scss
@@ -22,6 +22,7 @@
 
   .hero__container {
     @include respond-to('mobile') {
+      margin-top: tovw(-300px, 'default', -80px);
       min-height: tovw(355px, 'mobile', 380px);
     }
 
@@ -43,8 +44,8 @@
         @include respond-to('mobile') {
           display: flex;
           margin: tovw(-70px, 'mobile', -160px) 0;
-          width: 280%;
-          transform: translateX(31.5%);
+          width: 300%;
+          transform: translateX(36.5%);
           mix-blend-mode: screen;
           place-self: center;
           mask-image: linear-gradient(
@@ -62,7 +63,7 @@
   .container {
     @include respond-to('mobile') {
       margin-top: unset;
-      padding-top: tovw(80px, 'tablet');
+      padding-top: tovw(20px, 'tablet');
     }
 
     position: relative;
@@ -72,6 +73,8 @@
 
     h1 {
       @include respond-to('mobile') {
+        position: relative;
+        padding-bottom: tovw(120px, 'default', 60px);
         font-size: tovw(50px, 'mobile');
         bottom: 125%;
       }
@@ -81,8 +84,6 @@
       left: 0;
       right: 0;
       bottom: 130%;
-
-      // padding-bottom: tovw(120px, 'default', 80px);
     }
 
     @media screen and (max-width: 800px) {
diff --git a/src/components/sections/blog/hero/index.tsx b/src/components/sections/blog/hero/index.tsx
index 36416f9..ed29c5a 100644
--- a/src/components/sections/blog/hero/index.tsx
+++ b/src/components/sections/blog/hero/index.tsx
@@ -18,7 +18,7 @@ const Hero = ({ featuredPost }: HeroProps) => {
           className={s.hero}
           loading="eager"
           alt="hero"
-          src="/images/blog/blog2.png"
+          src="/images/blog/blog.png"
         />
         <img
           className={s.hero__mobile}
diff --git a/src/components/sections/homepage/benefits/benefits.module.scss b/src/components/sections/homepage/benefits/benefits.module.scss
index f3d1747..944de2c 100644
--- a/src/components/sections/homepage/benefits/benefits.module.scss
+++ b/src/components/sections/homepage/benefits/benefits.module.scss
@@ -111,6 +111,7 @@
   padding-right: tovw(69px, 'default', 69px);
   width: 100%;
   max-width: tovw(1080px, 'default', 730px);
+  mix-blend-mode: difference;
 
   > ul {
     margin-top: tovw(88px, 'default', 72px);