diff --git a/src/layouts/index.html b/src/layouts/index.html
index d29e197..68ad53b 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -21,11 +21,11 @@
 <!-- Teal Impact Section -->
 
 <section class="teal-bg impact-section">
-  <img src="/Images/grid-left-corner.svg" alt="grid pattern">
+  <img class="grid-element" src="/Images/grid-left-corner.svg" alt="grid pattern">
   <div class="container">
     <div class="row">
       <div class="col">
-        <h2 class="black text-center">equitable open-source<br>for web3</h2>
+        <h2 class="black text-center" style="z-index:2;">equitable open-source<br>for web3</h2>
       </div>
     </div>
     <div class="row">
diff --git a/src/static/css/style.css b/src/static/css/style.css
index e6a75b0..cd36898 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -242,4 +242,8 @@ hr{
   .impact-section{
   }
 
+  .grid-element{
+    z-index: 1;
+  }
+
 }