diff --git a/static/images/efficient.jpeg b/static/images/efficient.jpeg
new file mode 100644
index 0000000..de2eaa3
Binary files /dev/null and b/static/images/efficient.jpeg differ
diff --git a/static/images/scalability.jpeg b/static/images/scalability.jpeg
new file mode 100644
index 0000000..59df926
Binary files /dev/null and b/static/images/scalability.jpeg differ
diff --git a/static/images/security.jpeg b/static/images/security.jpeg
new file mode 100644
index 0000000..a405c30
Binary files /dev/null and b/static/images/security.jpeg differ
diff --git a/templates/partials/about/about3.html b/templates/partials/about/about3.html
index 324b80b..a16d7a4 100644
--- a/templates/partials/about/about3.html
+++ b/templates/partials/about/about3.html
@@ -14,7 +14,9 @@
                     This means that data is sent along the most direct and efficient route, reducing the time it takes for information to travel from the source node to the destination node. </p>
             </div>
             <div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
-                <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about1.jpg" 
+                {# <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about1.jpg" 
+                    alt="Mobile App Screenshot"> #}
+                    <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/efficient.jpeg" 
                     alt="Mobile App Screenshot">
             </div>
         </div>
diff --git a/templates/partials/about/about4.html b/templates/partials/about/about4.html
index 9ed7ee4..f2b9e05 100644
--- a/templates/partials/about/about4.html
+++ b/templates/partials/about/about4.html
@@ -2,7 +2,9 @@
     <div class="relative isolate">
         <div class="mx-auto max-w-7xl px-6 py-24 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
             <div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
-                <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about3.jpg" 
+                {# <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about3.jpg" 
+                    alt="Mobile App Screenshot"> #}
+                    <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/security.jpeg" 
                     alt="Mobile App Screenshot">
             </div>
             <div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto">
diff --git a/templates/partials/about/about5.html b/templates/partials/about/about5.html
index 8903b57..94274b7 100644
--- a/templates/partials/about/about5.html
+++ b/templates/partials/about/about5.html
@@ -15,7 +15,9 @@
                  </p>
             </div>
             <div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
-                <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about4.jpg" 
+                {# <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about4.jpg" 
+                    alt="Mobile App Screenshot"> #}
+                    <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/scalability.jpeg" 
                     alt="Mobile App Screenshot">
             </div>
         </div>
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 9722e82..6d06b7e 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -224,7 +224,7 @@
 }
 
 .active{
-  color: #c7c7c7 !important;
+  color: #000000 !important;
 }
 .nav_btn:hover {
   color: #c7c7c7 !important;