diff --git a/src/components/HeroSection.jsx b/src/components/HeroSection.jsx
index de1447d..7cf50c7 100644
--- a/src/components/HeroSection.jsx
+++ b/src/components/HeroSection.jsx
@@ -31,7 +31,7 @@ const HeroSection = ({
               backgroundColor: '#000'
             }}
           >
-            <div className="absolute inset-0 bg-black/60"></div>
+            <div className="absolute inset-0 bg-black/30"></div>
           </div>
         )}
       </div>
diff --git a/src/pages/Blog.jsx b/src/pages/Blog.jsx
index 9fef75c..4b35088 100644
--- a/src/pages/Blog.jsx
+++ b/src/pages/Blog.jsx
@@ -7,7 +7,7 @@ import { Button } from '@/components/ui/button';
 
 // Import images
 import blogBackground from '../assets/myhero.jpg'; // HERO background with panning effect
-import post1Image from '../assets/person.jpg'; // Emotional tech
+import post1Image from '../assets/heart.jpg'; // Emotional tech
 import post2Image from '../assets/balls.jpg'; // AI Agent creation
 import post3Image from '../assets/white_keyb.jpg'; // Digital privacy
 
@@ -234,7 +234,7 @@ const Blog = () => {
                   alt={post.title}
                   className="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"
                 />
-                <div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
+                <div className="absolute inset-0"></div>
               </div>
               
               <div className="p-6">
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 0ecf40c..aff3563 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -134,7 +134,7 @@ const Home = () => {
               alt="Digital Human Connection"
               className="w-full rounded-2xl shadow-2xl hover-lift"
             />
-            <div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent rounded-2xl"></div>
+            <div className="absolute inset-0 rounded-2xl"></div>
           </motion.div>
         </div>
       </Section>
diff --git a/src/pages/How.jsx b/src/pages/How.jsx
index fff6413..3fa428c 100644
--- a/src/pages/How.jsx
+++ b/src/pages/How.jsx
@@ -81,7 +81,7 @@ const How = () => {
       />
 
       {/* How It Works Section */}
-      <Section background="gradient" padding="xlarge">
+      <Section  padding="xlarge">
         <div className="text-center mb-16">
           <motion.h2 
             className="text-4xl md:text-5xl font-bold text-white mb-6"
@@ -163,7 +163,6 @@ const How = () => {
               alt="Blockchain Network Visualization"
               className="w-full rounded-2xl shadow-2xl hover-lift"
             />
-            <div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent rounded-2xl"></div>
           </motion.div>
         </div>
       </Section>
diff --git a/src/pages/Technology.jsx b/src/pages/Technology.jsx
index 860b170..1dfd65d 100644
--- a/src/pages/Technology.jsx
+++ b/src/pages/Technology.jsx
@@ -325,7 +325,7 @@ const Technology = () => {
               alt="Security Architecture"
               className="w-full rounded-2xl shadow-2xl hover-lift"
             />
-            <div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent rounded-2xl"></div>
+            <div className="absolute inset-0 rounded-2xl"></div>
           </motion.div>
         </div>
       </Section>