diff --git a/Contact Page/contact.html b/Contact Page/contact.html
index cba2782..f3e3ef4 100644
--- a/Contact Page/contact.html	
+++ b/Contact Page/contact.html	
@@ -68,19 +68,21 @@
     </nav>
     <!--Hero Section-->
     <section id="hero-section">
-      <div id="hero-text">
-        <h1>Get In <br />Touch</h1>
-        <p>
-          At Inclusive Talks, we believe in the power of diverse voices coming
-          together to create positive change. Your thoughts, experiences, and
-          ideas matter to us.
-        </p>
-        <a href="#subscribe-section"
-          ><button class="cta-button" type="button">SUBSCRIBE</button></a
-        >
-      </div>
-      <div id="hero-image">
-        <img alt="Get In Touch" src="images/hero-image.png" loading="active" />
+      <h1>Get In <br />Touch</h1>
+      <div class="hero-content">
+        <div id="hero-text">
+          <p>
+            At Inclusive Talks, we believe in the power of diverse voices coming
+            together to create positive change. Your thoughts, experiences, and
+            ideas matter to us.
+          </p>
+          <a href="#subscribe-section"
+            ><button class="cta-button" type="button">SUBSCRIBE</button></a
+          >
+        </div>
+        <div id="hero-image">
+          <img alt="Get In Touch" src="images/hero-image.png" loading="active" />
+        </div>
       </div>
     </section>
 
diff --git a/Contact Page/style.css b/Contact Page/style.css
index 7a9aaeb..cf35fcd 100644
--- a/Contact Page/style.css	
+++ b/Contact Page/style.css	
@@ -98,16 +98,21 @@ li {
 
 #hero-section {
   display: flex;
+  flex-direction: column;
   margin: 60px 86px 86px;
   justify-content: space-between;
   justify-items: center;
 }
 
-#hero-text {
+.hero-content {
+  display: flex;
+}
+
+#hero-text, #hero-section h1 {
   width: 50%;
 }
 
-#hero-text h1 {
+#hero-section h1 {
   font-size: 70px;
   font-weight: 900;
   color: #833200;
@@ -128,11 +133,12 @@ li {
 
 #hero-image {
   width: 45%;
+  margin-top: -150px;
+  margin-left: 30px;
 }
 
 #hero-image img {
   width: 90%;
-  height: 80%;
 }
 
 #partnership {
@@ -473,18 +479,25 @@ hr {
     width: 95%;
     margin: 20px;
     flex-direction: column;
-    gap: 30px;
   }
 
   #hero-text {
     width: 100%;
   }
 
-  #hero-text h1 {
+  #hero-section h1 {
     font-size: 50px;
     width: 100%;
   }
 
+  #hero-text p {
+    margin-top: 0;
+  }
+
+  #hero-section h1 br {
+    display: none;
+  }
+
   #hero-text br {
     display: none;
   }
@@ -668,12 +681,11 @@ hr {
   }
 
   #hero-image {
-    margin-top: 110px;
+    margin-top: -60px;
   }
 
   #hero-image img {
     width: 100%;
-    height: 60%;
   }
 
   #partnership-image div {
diff --git a/Program Page/GuestWriting Page/images/hero-image.png b/Program Page/GuestWriting Page/images/hero-image.png
deleted file mode 100644
index a29b3e3..0000000
Binary files a/Program Page/GuestWriting Page/images/hero-image.png and /dev/null differ
diff --git a/Program Page/GuestWriting Page/index.html b/Program Page/GuestWriting Page/index.html
index f36bf5b..dd58dea 100644
--- a/Program Page/GuestWriting Page/index.html	
+++ b/Program Page/GuestWriting Page/index.html	
@@ -111,37 +111,47 @@ <h1>How Does It <br />Work?</h1>
 
   <section id="section2" class="sections">
     <div class="section-card">
-      <div class="section-text">
         <h1>Article Submission <br />And Screening</h1>
-        <p>
-          This segment runs from May 14th to June 7th. The application form for
-          the program is open, accepting submissions until May 30th at 12:00am
-          (WAT). Applications are reviewed, ensuring compliance with
-          <a href="#section4">the guidelines of the program.</a><br />
-          3 articles are selected to undergo proofreading and editing. Selected
-          applicants are notified via email, and their social media handles are
-          confirmed for proper credit.
-        </p>
-      </div>
-      <div class="section-image">
-        <img
-          src="./images/articlescreening.jpg"
-          alt="Application and Screening"
-          loading="lazy"
-        />
-      </div>
+        <div class="section-content">
+            <div class="section-text">
+                <p>
+                This segment runs from May 14th to June 7th. The application form for
+                the program is open, accepting submissions until May 30th at 12:00am
+                (WAT). Applications are reviewed, ensuring compliance with
+                <a href="#section4">the guidelines of the program.</a><br />
+                3 articles are selected to undergo proofreading and editing. Selected
+                applicants are notified via email, and their social media handles are
+                confirmed for proper credit.
+                </p>
+            </div>
+            <div class="section-image">
+                <img
+                src="./images/articlescreening.jpg"
+                alt="Application and Screening"
+                loading="lazy"
+            />
+            </div>
+        </div>
     </div>
   </section>
 
     <section id="section3" class="sections">
         <div class="section-card">
-            <div class="section-text">
-                <h1>Article <br/>Release</h1>
-                <p>Running from June 8th to June 30th, one article is released each Thursday in no particular order.<br />
+            <h1>Article <br/>Release</h1>
+            <div class="section-content">
+                <div class="section-text">
+                    <p>Running from June 8th to June 30th, one article is released each Thursday in no particular order.<br />
                     Each week, due credit is consistently attributed to the featured writer across all our social media channels.<br />
                     Writers are also encouraged to share their articles across their networks tagging Inclusive Talks appropriately.</p>
+                </div>
+                <div class="section-image">
+                    <img
+                    src="./images/article-release.jpg"
+                    alt="Read Articles From Our Blog"
+                    loading="lazy"
+                    />
+                </div>
             </div>
-            <div class="section-image"></div>
         </div>
     </section>
 
diff --git a/Program Page/GuestWriting Page/style.css b/Program Page/GuestWriting Page/style.css
index 6eced5a..f24f575 100644
--- a/Program Page/GuestWriting Page/style.css	
+++ b/Program Page/GuestWriting Page/style.css	
@@ -127,8 +127,7 @@ li {
   width: 50%;
 }
 
-#hero-text h1,
-.section-text h1 {
+#hero-text h1 {
   font-size: 70px;
   font-weight: 900;
   color: #833200;
@@ -153,8 +152,8 @@ li {
 }
 
 #hero-image img {
-  width: 90%;
-  height: 80%;
+  width: 80%;
+  height: 70%;
 }
 
 .sections {
@@ -168,13 +167,27 @@ li {
   width: 90%;
   margin: 40px 40px 40px 86px;
   display: flex;
+  flex-direction: column;
+}
+
+.section-content {
+  display: flex;
 }
 
-.section-text {
+.section-text, .section-card h1 {
   width: 60%;
   color: #9e4021;
 }
 
+.section-card h1 {
+  font-size: 50px;
+  font-weight: 900;
+}
+
+.section-image {
+  width: 35%;
+}
+
 #section2 .section-text a,
 #section1 .section-text a {
   transition: 0.5s;
@@ -206,13 +219,8 @@ li {
   font-weight: 700;
 }
 
-.section-text h1 {
-  font-size: 50px;
-}
-
 .sections img {
   width: 100%;
-  margin-top: 60px;
   border-radius: 8px;
   box-shadow: 5px 5px 8px rgba(105, 104, 104, 0.5);
 }
@@ -499,17 +507,22 @@ hr {
     padding-bottom: 40px;
   }
 
-  .section-text h1 {
+  .section-card h1 {
     font-size: 40px;
-    margin-bottom: 20px;
+    width: 100%;
   }
 
-  .section-image {
-    width: 100%;
+  .section-card h1 br{
+    display: none;
   }
 
-  .section-text {
+  .section-content {
+    flex-direction: column;
+  }
+
+  .section-image {
     width: 100%;
+    margin-top: 25px;
   }
 
   #subscribe-section {
@@ -627,7 +640,7 @@ hr {
     padding-left: 20px;
   }
 
-  #hero-section {
+  #hero-section{
     margin: 50px;
   }
 
@@ -645,18 +658,26 @@ hr {
   }
 
   .section-card {
-    flex-direction: column;
     margin-left: 50px;
   }
 
+  .section-content {
+    flex-direction: column;
+  }
+
   .section-image {
     width: 100%;
+    margin-top: 25px;
   }
 
-  .section-text {
+  .section-text, .section-card h1 {
     width: 100%;
   }
 
+  .section-card h1 br{
+    display: none;
+  }
+
   #subscribe-section {
     width: 100%;
     margin: 0;
diff --git a/Program Page/Programs_Main Page/index.html b/Program Page/Programs_Main Page/index.html
index f73ba91..4667fb1 100644
--- a/Program Page/Programs_Main Page/index.html	
+++ b/Program Page/Programs_Main Page/index.html	
@@ -93,67 +93,79 @@ <h1>Our <br />Programs</h1>
 
     <section id="program1" class="programs">
       <div class="program-card">
-        <div class="program-text">
-          <a href="../WMYFE Page/index.html"
-            ><h1>What Makes You <br />Feel Excluded?</h1></a
-          >
-          <p>
-            Every voice finds comfort here, no matter how trivial your
-            experience may seem. Inclusive Talks provides a safe space for you
-            to unravel the nuances of inclusion. All you've got to do is answer
-            the question - "What Makes You Feel Excluded?"
-          </p>
-        </div>
-        <div class="illustration">
-          <img src="./images/wmyfe.jpg" alt="What Makes You Feel Excluded?" />
+        <a href="../WMYFE Page/index.html"
+        ><h1>What Makes You <br />Feel Excluded?</h1>
+        </a>
+        <div class="program-content">
+          <div class="program-text">
+            <p>
+              Every voice finds comfort here, no matter how trivial your
+              experience may seem. Inclusive Talks provides a safe space for you
+              to unravel the nuances of inclusion. All you've got to do is answer
+              the question - "What Makes You Feel Excluded?"
+            </p>
+          </div>
+          <div class="illustration">
+            <img 
+            src="./images/wmyfe.jpg" 
+            alt="What Makes You Feel Excluded?"
+            loading="lazy" 
+            />
+          </div>
         </div>
       </div>
     </section>
+
+
     <section id="program2" class="programs">
       <div class="program-card">
-        <div class="program-text">
-          <a href="../GuestWriting Page/index.html"
-            ><h1>Guest Writing <br />Program</h1></a
-          >
-          <p>
-            The Inclusive Talks Guest Writing Program, an annual initiative,
-            invites the public to contribute articles promoting diversity and
-            inclusion. It provides a platform for individuals, especially young
-            voices, to freely discuss topics of interest. This program runs from
-            mid-May to the end of June.
-          </p>
-        </div>
-        <div class="illustration">
-          <img
-            src="./images/guest-writing.jpg"
-            alt="Become A Guest Writer!"
-            loading="lazy"
-          />
+        <a href="../GuestWriting Page/index.html"
+            ><h1>Guest Writing <br />Program</h1>
+        </a>
+        <div class="program-content">
+          <div class="program-text">
+            <p>
+              The Inclusive Talks Guest Writing Program, an annual initiative,
+              invites the public to contribute articles promoting diversity and
+              inclusion. It provides a platform for individuals, especially young
+              voices, to freely discuss topics of interest. This program runs from
+              mid-May to the end of June.
+            </p>
+          </div>
+          <div class="illustration">
+            <img
+              src="./images/guest-writing.jpg"
+              alt="Become A Guest Writer!"
+              loading="lazy"
+            />
+          </div>
         </div>
       </div>
     </section>
     <section id="program3" class="programs">
       <div class="program-card">
-        <div class="program-text">
-          <a href="../5DaysOfLove Page/index.html"
+        <a href="../5DaysOfLove Page/index.html"
             ><h1>5 Days Of <br />Love</h1></a
           >
-          <p>
-            #5daysoflove is an annual initiative (20th - 24th December)
-            dedicated to spreading messages of love and hope to 5 different
-            categories of youths in our society. we invite everyone to send
-            uplifting messages, as we believe these words can ignite a ray of
-            hope in someone’s life. Your heartfelt messages will be shared
-            across all our social platforms.
-          </p>
-        </div>
-        <div class="illustration">
-          <img
-            src=".\images\5days-of-love.jpg"
-            alt="5 Days of Love"
-            loading="lazy"
-          />
-        </div>
+          <div class="program-content">
+            <div class="program-text">
+              <p>
+                #5daysoflove is an annual initiative (20th - 24th December)
+                dedicated to spreading messages of love and hope to 5 different
+                categories of youths in our society. we invite everyone to send
+                uplifting messages, as we believe these words can ignite a ray of
+                hope in someone’s life. Your heartfelt messages will be shared
+                across all our social platforms.
+              </p>
+            </div>
+            <div class="illustration">
+              <img
+                src=".\images\5days-of-love.jpg"
+                alt="5 Days of Love"
+                loading="lazy"
+              />
+            </div>
+          </div>
       </div>
     </section>
 
diff --git a/Program Page/Programs_Main Page/style.css b/Program Page/Programs_Main Page/style.css
index 7dad00e..05f54f6 100644
--- a/Program Page/Programs_Main Page/style.css	
+++ b/Program Page/Programs_Main Page/style.css	
@@ -117,8 +117,7 @@ li {
   width: 50%;
 }
 
-#hero-text h1,
-.program-text h1 {
+#hero-text h1 {
   font-size: 70px;
   font-weight: 900;
   color: #833200;
@@ -156,17 +155,29 @@ li {
 
 .program-card {
   width: 90%;
-  margin: 30px auto;
+  margin: 40px 40px 40px 86px;
   display: flex;
+  flex-direction: column;
+}
+
+.program-content {
+  display: flex;
+  margin: 0;
 }
 
-.program-text {
+.program-text, .program-card h1 {
   width: 60%;
   color: #9e4021;
 }
 
-.program-text h1 {
+.program-card h1 {
   font-size: 50px;
+  font-weight: 900;
+  transition: 0.5s
+}
+
+.program-card h1:hover {
+  text-shadow: 0.5px 0.5px 1px #833200;
 }
 
 .illustration {
@@ -175,11 +186,14 @@ li {
 
 .illustration img {
   width: 100%;
-  margin-top: 60px;
   border-radius: 8px;
   box-shadow: 5px 5px 8px rgba(105, 104, 104, 0.5);
 }
 
+#program1 img {
+  margin-top: -30px;
+}
+
 #subscribe-section {
   background-color: #da9;
   display: flex;
@@ -451,14 +465,26 @@ hr {
   }
 
   .program-card {
-    flex-direction: column;
     padding-top: 20px;
     padding-bottom: 40px;
   }
 
-  .program-text h1 {
+  .program-content {
+    flex-direction: column;
+  }
+
+  .program-card h1 {
     font-size: 40px;
     margin-bottom: 20px;
+    width: 100%;
+  }
+
+  .program-card h1 br{
+    display: none;
+  }
+
+  .section-card h1 br{
+    display: none;
   }
 
   .program-text {
@@ -467,6 +493,11 @@ hr {
 
   .illustration {
     width: 100%;
+    margin-top: 25px;
+  }
+
+  #program1 img{
+    margin-top: 0;
   }
 
   #subscribe-section {
@@ -584,7 +615,7 @@ hr {
     padding-left: 20px;
   }
 
-  #hero-section {
+  #hero-section, .program-card {
     margin: 50px;
   }
 
@@ -601,16 +632,25 @@ hr {
     height: 60%;
   }
 
-  .program-card {
+  .program-content {
     flex-direction: column;
   }
 
-  .program-text {
+  .program-text, .program-card h1 {
     width: 100%;
   }
 
+  .program-card h1 br{
+    display: none;
+  }
+
   .illustration {
     width: 100%;
+    margin-top: 25px;
+  }
+
+  #program1 img{
+    margin-top: 0;
   }
 
   #subscribe-section {
diff --git a/Program Page/WMYFE Page/index.html b/Program Page/WMYFE Page/index.html
index ae28918..c032aa1 100644
--- a/Program Page/WMYFE Page/index.html	
+++ b/Program Page/WMYFE Page/index.html	
@@ -92,24 +92,26 @@ <h1>What Make You <br />Feel Excluded?</h1>
 
   <section id="section1" class="sections">
     <div class="section-card">
-      <div class="section-text">
-        <h1>How Does It <br />Work?</h1>
-        <p>
-          This program provides a platform for individuals to share their
-          experiences of exclusion in a safe and supportive environment. Whether
-          through video submissions or an anonymous link, participants are
-          encouraged to voice the moments that have impacted their sense of
-          belonging. <br />Every last Saturday of the month, we come together to
-          listen, learn, and empathize with these shared experiences. <br />Join
-          us on this journey of reflection, understanding, and empowerment.
-        </p>
-      </div>
-      <div class="section-image">
-        <img
-          src="./images/how-it-works.jpg"
-          alt="What Makes You Feel Excluded?"
-          loading="lazy"
-        />
+      <h1>How Does It <br />Work?</h1>
+      <div class="section-content">
+        <div class="section-text">
+          <p>
+            This program provides a platform for individuals to share their
+            experiences of exclusion in a safe and supportive environment. Whether
+            through video submissions or an anonymous link, participants are
+            encouraged to voice the moments that have impacted their sense of
+            belonging. <br />Every last Saturday of the month, we come together to
+            listen, learn, and empathize with these shared experiences. <br />Join
+            us on this journey of reflection, understanding, and empowerment.
+          </p>
+        </div>
+        <div class="section-image">
+          <img
+            src="./images/how-it-works.jpg"
+            alt="What Makes You Feel Excluded?"
+            loading="lazy"
+          />
+        </div>
       </div>
     </div>
   </section>
diff --git a/Program Page/WMYFE Page/style.css b/Program Page/WMYFE Page/style.css
index c2bdc6d..ec6dad8 100644
--- a/Program Page/WMYFE Page/style.css	
+++ b/Program Page/WMYFE Page/style.css	
@@ -167,9 +167,14 @@ li {
   width: 90%;
   margin: 40px 40px 40px 86px;
   display: flex;
+  flex-direction: column;
+}
+
+.section-content {
+  display: flex;
 }
 
-.section-text {
+.section-text, .section-card h1 {
   width: 60%;
   color: #9e4021;
 }
@@ -178,8 +183,9 @@ li {
   width: 100%;
 }
 
-.section-text h1 {
+.section-card h1 {
   font-size: 50px;
+  font-weight: 900;
 }
 
 #section2 ul {
@@ -196,7 +202,7 @@ li {
 
 .sections img {
   width: 100%;
-  margin-top: 60px;
+  margin-top: 30px;
   border-radius: 8px;
   box-shadow: 5px 5px 8px rgba(105, 104, 104, 0.5);
 }
@@ -479,22 +485,30 @@ hr {
   }
 
   .section-card {
-    flex-direction: column;
     padding-top: 20px;
     padding-bottom: 40px;
   }
 
-  .section-text h1 {
+  .section-card h1 {
     font-size: 40px;
-    margin-bottom: 20px;
+    width: 100%;
+  }
+
+  .section-card h1 br{
+    display: none;
+  }
+
+  .section-content {
+    flex-direction: column;
   }
 
   .section-image {
     width: 100%;
+    margin-top: 25px;
   }
 
-  #section1 .section-text {
-    width: 100%;
+  #section1 img {
+    margin-top: 0;
   }
 
   #subscribe-section {
@@ -630,18 +644,27 @@ hr {
   }
 
   .section-card {
-    flex-direction: column;
     margin-left: 50px;
   }
 
+  .section-content {
+    flex-direction: column;
+  }
+
   .section-image {
     width: 100%;
+    margin-top: 25px;
   }
 
-  #section1 .section-text {
+  .section-text, .section-card h1 {
     width: 100%;
   }
 
+  .section-card h1 br{
+    display: none;
+  }
+
+
   #subscribe-section {
     width: 100%;
     margin: 0;