diff --git a/about.html b/about.html
index 6bf6b6a..1ae7a9b 100644
--- a/about.html
+++ b/about.html
@@ -28,13 +28,12 @@
     />
     <link rel="stylesheet" href="./assets/css/style.css" />
     <link rel="stylesheet" href="./assets/css/responsiveness.css" />
-   
-  <style>
-  #footer {
-    display: none;
-  }
-  </style>
 
+    <style>
+      #footer {
+        display: none;
+      }
+    </style>
   </head>
 
   <body>
@@ -66,7 +65,9 @@
       <!--  -->
       <div class="body">
         <div class="container text">
-          <div class="row gy-3 gy-md-4 gy-lg-0 align-items-lg-center">
+          <div
+            class="row gy-3 gy-md-4 gy-lg-0 align-items-lg-center about-container"
+          >
             <div class="col-12 col-lg-6 col-xl-5">
               <img
                 class="img-fluid rounded"
@@ -79,14 +80,24 @@
               <div class="row justify-content-xl-center">
                 <div class="col-12 col-xl-11">
                   <h2 class="mb-3">Who Are We?</h2>
-                  <p class="lead fs-5 text-secondary mb-3">
-                    Tree2Hope is a purpose-driven initiative committed to fostering global reforestation efforts and championing environmental stewardship. Our platform enables eco-conscious individuals and businesses to actively participate in the restoration of our planet's green spaces. 
+                  <p class="fs-5 mb-3">
+                    Tree2Hope is a purpose-driven initiative committed to
+                    fostering global reforestation efforts and championing
+                    environmental stewardship. Our platform enables
+                    eco-conscious individuals and businesses to actively
+                    participate in the restoration of our planet's green spaces.
                   </p>
                   <p class="fs-5 mb-5">
-                    For the low, low price of one dollar, you can choose a specific area in need of ecological attention and help fund the planting of a tree there, having an immediate and tangible effect on the world around you.
+                    For the low, low price of one dollar, you can choose a
+                    specific area in need of ecological attention and help fund
+                    the planting of a tree there, having an immediate and
+                    tangible effect on the world around you.
                   </p>
-                  <p class="lead fs-5 text-secondary mb-3">
-                    Join us in our mission to create a sustainable and flourishing ecosystem that supports biodiversity and mitigates the effects of climate change for a brighter, greener future.
+                  <p class="fs-5 mb-3">
+                    Join us in our mission to create a sustainable and
+                    flourishing ecosystem that supports biodiversity and
+                    mitigates the effects of climate change for a brighter,
+                    greener future.
                   </p>
                   <!-- <div class="row gy-4 gy-md-0 gx-xxl-5X">
                     <div class="col-12 col-md-6">
diff --git a/assets/css/responsiveness.css b/assets/css/responsiveness.css
index 6c90eef..82009b3 100644
--- a/assets/css/responsiveness.css
+++ b/assets/css/responsiveness.css
@@ -1,368 +1,367 @@
 /*........................... Responsivness...........................*/
 @media only screen and (min-width: 650px) and (max-width: 900px) {
-    .upper_part .links a {
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: "Poppins", sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 12px;
-        position: relative;
-        transition: 0.2s;
-    }
-
-    .upper_part .links a:hover {
-        color: white;
-    }
-
-    .upper_part {
-        padding-bottom: 1rem;
-    }
-
-    .links {
-        display: flex;
-        gap: 2rem;
-    }
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 12px;
+    position: relative;
+    transition: 0.2s;
+  }
+
+  .upper_part .links a:hover {
+    color: white;
+  }
+
+  .upper_part {
+    padding-bottom: 1rem;
+  }
+
+  .links {
+    display: flex;
+    gap: 2rem;
+  }
 }
 
 @media only screen and (min-width: 600px) and (max-width: 650px) {
-    .upper_part .links a {
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: "Poppins", sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 8px;
-        position: relative;
-        transition: 0.2s;
-    }
-
-    .upper_part .links a:hover {
-        color: white;
-    }
-
-    .socialmediaName {
-        font-size: 8px;
-    }
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 8px;
+    position: relative;
+    transition: 0.2s;
+  }
+
+  .upper_part .links a:hover {
+    color: white;
+  }
+
+  .socialmediaName {
+    font-size: 8px;
+  }
 }
 
 @media only screen and (min-width: 500px) and (max-width: 600px) {
-    .upper_part .links a {
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: "Poppins", sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 8px;
-        position: relative;
-        transition: 0.2s;
-    }
-
-    .upper_part .links a:hover {
-        color: white;
-    }
-
-    .socialmediaName {
-        font-size: 8px;
-    }
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 8px;
+    position: relative;
+    transition: 0.2s;
+  }
+
+  .upper_part .links a:hover {
+    color: white;
+  }
+
+  .socialmediaName {
+    font-size: 8px;
+  }
 }
 
 @media only screen and (min-width: 400px) and (max-width: 500px) {
-    .upper_part .links a {
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: "Poppins", sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 10px;
-        position: relative;
-        transition: 0.2s;
-    }
-
-    .upper_part {
-        height: auto;
-    }
-
-    .links {
-        display: flex;
-        flex-wrap: wrap;
-        height: auto;
-        gap: 1.25rem;
-    }
-
-    .upper_part .links a:hover {
-        color: white;
-    }
-
-    .socialmediaTextWrapper {
-        display: none;
-    }
-
-    .links .column {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        gap: 7px;
-        width: 140px;
-    }
-
-    .footer {
-        background-color: #141414;
-        box-sizing: border-box;
-        border-top: 1px solid black;
-        color: rgb(160, 160, 160);
-        font-family: "Poppins", sans-serif;
-        width: 100%;
-        padding: 0.5rem 2rem;
-
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-    }
-
-    .quickLinkTextWrapper {
-        display: flex;
-        /* justify-content: center; */
-        /* padding-left: 10rem; */
-        align-items: center;
-        /* gap: 3rem; */
-        width: 100%;
-    }
-
-    .upper_part {
-        padding-bottom: 12px;
-    }
-
-    
-
-    .social_medias{
-        padding-top: 20px;
-        gap: 20px;
-    }
-
-    .imgWrapper{
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-    }
-    .imgWrapper i {
-        margin-right: 0px;
-    }
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 10px;
+    position: relative;
+    transition: 0.2s;
+  }
+
+  .upper_part {
+    height: auto;
+  }
+
+  .links {
+    display: flex;
+    flex-wrap: wrap;
+    height: auto;
+    gap: 1.25rem;
+  }
+
+  .upper_part .links a:hover {
+    color: white;
+  }
+
+  .socialmediaTextWrapper {
+    display: none;
+  }
+
+  .links .column {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 7px;
+    width: 140px;
+  }
+
+  .footer {
+    background-color: #141414;
+    box-sizing: border-box;
+    border-top: 1px solid black;
+    color: rgb(160, 160, 160);
+    font-family: "Poppins", sans-serif;
+    width: 100%;
+    padding: 0.5rem 2rem;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .quickLinkTextWrapper {
+    display: flex;
+    /* justify-content: center; */
+    /* padding-left: 10rem; */
+    align-items: center;
+    /* gap: 3rem; */
+    width: 100%;
+  }
+
+  .upper_part {
+    padding-bottom: 12px;
+  }
+
+  .social_medias {
+    padding-top: 20px;
+    gap: 20px;
+  }
+
+  .imgWrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  .imgWrapper i {
+    margin-right: 0px;
+  }
 }
 
 @media only screen and (min-width: 400px) and (max-width: 440px) {
-    .socialmediaName{
-        font-size: 10px;
-    }
-    .social_medias{
-        gap: 20px;
-    }
+  .socialmediaName {
+    font-size: 10px;
+  }
+  .social_medias {
+    gap: 20px;
+  }
 }
 
 @media only screen and (min-width: 300px) and (max-width: 399px) {
-    .upper_part .links a {
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: "Poppins", sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 15px;
-        position: relative;
-        transition: 0.2s;
-    }
-
-    .upper_part {
-        height: auto;
-    }
-
-    .links {
-        display: flex;
-        flex-wrap: wrap;
-        height: auto;
-        gap: 1.25rem;
-    }
-
-    .upper_part .links a:hover {
-        color: white;
-    }
-
-    .socialmediaTextWrapper {
-        display: none;
-    }
-
-    .links .column {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        gap: 7px;
-        width: 200px;
-    }
-
-    .footer {
-        background-color: #141414;
-        box-sizing: border-box;
-        border-top: 1px solid black;
-        color: rgb(160, 160, 160);
-        font-family: "Poppins", sans-serif;
-        width: 100%;
-        padding: 0.5rem 2rem;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-    }
-
-    .quickLinkTextWrapper {
-        display: flex;
-        /* justify-content: center; */
-        /* padding-left: 10rem; */
-        align-items: center;
-        /* gap: 3rem; */
-        width: 100%;
-    }
-
-    .socialmediaName{
-        font-size: 10px;
-    }
-
-    .social_medias{
-        padding-top: 20px;
-        gap: 15px;
-    }
-
-    .imgWrapper{
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-    }
-    .imgWrapper i {
-        margin-right: 0px;
-    }
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 15px;
+    position: relative;
+    transition: 0.2s;
+  }
+
+  .upper_part {
+    height: auto;
+  }
+
+  .links {
+    display: flex;
+    flex-wrap: wrap;
+    height: auto;
+    gap: 1.25rem;
+  }
+
+  .upper_part .links a:hover {
+    color: white;
+  }
+
+  .socialmediaTextWrapper {
+    display: none;
+  }
+
+  .links .column {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 7px;
+    width: 200px;
+  }
+
+  .footer {
+    background-color: #141414;
+    box-sizing: border-box;
+    border-top: 1px solid black;
+    color: rgb(160, 160, 160);
+    font-family: "Poppins", sans-serif;
+    width: 100%;
+    padding: 0.5rem 2rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .quickLinkTextWrapper {
+    display: flex;
+    /* justify-content: center; */
+    /* padding-left: 10rem; */
+    align-items: center;
+    /* gap: 3rem; */
+    width: 100%;
+  }
+
+  .socialmediaName {
+    font-size: 10px;
+  }
+
+  .social_medias {
+    padding-top: 20px;
+    gap: 15px;
+  }
+
+  .imgWrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  .imgWrapper i {
+    margin-right: 0px;
+  }
 }
 
 @media only screen and (min-width: 250px) and (max-width: 299px) {
-    .upper_part .links a {
-        text-decoration: none;
-        letter-spacing: 0.5px;
-        font-family: "Poppins", sans-serif;
-        color: rgb(160, 160, 160);
-        font-size: 15px;
-        position: relative;
-        transition: 0.2s;
-    }
-
-    .upper_part {
-        height: auto;
-    }
-
-    .links {
-        display: flex;
-        flex-wrap: wrap;
-        height: auto;
-        gap: 1.25rem;
-    }
-
-    .upper_part .links a:hover {
-        color: white;
-    }
-
-    .upper_part {
-        padding-bottom: 12px;
-    }
-
-    .socialmediaTextWrapper {
-        display: none;
-    }
-
-    .links .column {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        gap: 7px;
-        width: 200px;
-    }
-
-    .footer {
-        background-color: #141414;
-        box-sizing: border-box;
-        border-top: 1px solid black;
-        color: rgb(160, 160, 160);
-        font-family: "Poppins", sans-serif;
-        width: 100%;
-        padding: 0.5rem 2rem;
-
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-    }
-
-    .quickLinkTextWrapper {
-        display: flex;
-        /* justify-content: center; */
-        /* padding-left: 10rem; */
-        align-items: center;
-        /* gap: 3rem; */
-        width: 100%;
-    }
-    
+  .upper_part .links a {
+    text-decoration: none;
+    letter-spacing: 0.5px;
+    font-family: "Poppins", sans-serif;
+    color: rgb(160, 160, 160);
+    font-size: 15px;
+    position: relative;
+    transition: 0.2s;
+  }
+
+  .upper_part {
+    height: auto;
+  }
+
+  .links {
+    display: flex;
+    flex-wrap: wrap;
+    height: auto;
+    gap: 1.25rem;
+  }
+
+  .upper_part .links a:hover {
+    color: white;
+  }
+
+  .upper_part {
+    padding-bottom: 12px;
+  }
+
+  .socialmediaTextWrapper {
+    display: none;
+  }
+
+  .links .column {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 7px;
+    width: 200px;
+  }
+
+  .footer {
+    background-color: #141414;
+    box-sizing: border-box;
+    border-top: 1px solid black;
+    color: rgb(160, 160, 160);
+    font-family: "Poppins", sans-serif;
+    width: 100%;
+    padding: 0.5rem 2rem;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .quickLinkTextWrapper {
+    display: flex;
+    /* justify-content: center; */
+    /* padding-left: 10rem; */
+    align-items: center;
+    /* gap: 3rem; */
+    width: 100%;
+  }
 }
 
 .MenuBar {
-    display: none;
+  display: none;
 }
 
 @media (max-width: 1272px) {
-
-    nav .nav_buttons {
-        width: 45%;
-    }
+  nav .nav_buttons {
+    width: 45%;
+  }
 }
 
 @media (max-width: 995px) {
-    #nav-text {
-        display: none;
-    }
+  #nav-text {
+    display: none;
+  }
 
-    .MenuBar {
-        display: contents;
-    }
+  .MenuBar {
+    display: contents;
+  }
 }
 
 @media (max-width: 412px) {
-    .Video {
-        margin: 2em auto;
-        width: 100%;
-        height: 40vh;
-    }
+  body {
+    /* Neccessary to match bg color of About block on narrow screens */
+    background-color: rgba(36, 30, 30);
+  }
+  .Video {
+    margin: 2em auto;
+    width: 100%;
+    height: 40vh;
+  }
 }
 
 @media (max-width: 395px) {
-    .image_container {
-        padding: 0;
-    }
+  .image_container {
+    padding: 0;
+  }
 }
 
 @media (max-width: 377px) {
-    .image_container {
-        padding: 0;
-    }
-
+  .image_container {
+    padding: 0;
+  }
 }
 
 @media (max-width: 285px) {
-    .image_container {
-        padding: 0;
-    }
-
-    .locations {
-        margin: 0;
-    }
-
-    .locations .country_images {
-        background-position: center;
-        background-size: cover;
-        width: 72%;
-    }
+  .image_container {
+    padding: 0;
+  }
+
+  .locations {
+    margin: 0;
+  }
+
+  .locations .country_images {
+    background-position: center;
+    background-size: cover;
+    width: 72%;
+  }
 }
 
-@media (max-width: 375px){
-    .logo img{
-        width:130px;
-    }
-}
\ No newline at end of file
+@media (max-width: 375px) {
+  .logo img {
+    width: 130px;
+  }
+}
diff --git a/assets/css/style.css b/assets/css/style.css
index 7326fb4..0f6fd9d 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -864,4 +864,36 @@ nav .nav_buttons {
   font-weight: 700;
 }
 
+.about-container {
+  /* Radial gradient background */
+  background: radial-gradient(
+    circle at top left,
+    /* Fully transparent at top-left corner */ rgba(36, 30, 30, 0) 0%,
+    rgba(36, 30, 30, 0.25) 85%,
+    /* Fully opaque */ rgba(36, 30, 30, 1) 100%
+  );
+
+  /* Blur effect */
+  backdrop-filter: blur(15px);
+}
+
+.about-container div {
+  text-align: left;
+  /* Ensure the background is visible */
+  background-color: transparent;
+  color: rgb(187, 187, 187);
+  font-size: 16px;
+  font-weight: 300;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.about-container h2 {
+  font-family: "Poppins", sans-serif;
+}
+
+.about-container p:nth-of-type(2) {
+  font-weight: 400;
+}
+
 /* You can further style the .content-box class as needed */
