diff --git a/assets/css/style.css b/assets/css/style.css
index 74f1ba2c..69271a49 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -885,14 +885,35 @@ body {
   #INSTA POST
 \*-----------------------------------*/
 
+#marquee{
+  display: flex;
+  width: 100%;
+  height:50vh;
+  background-color: var(--light-gray);
+  white-space:nowrap;
+  overflow-x: hidden;
+  overflow-y: hidden;
+}
+.insta-post-item img{
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+}
+
+.insta-post{
+  animation-name:animate ;
+  animation-duration:9.1s;
+  animation-timing-function: linear;
+  animation-iteration-count:infinite;
+}
+
 .insta-post-link {
   position: relative;
   background-color: var(--eerie-black-1);
   overflow: hidden;
 }
-
 .insta-post-link > img { transition: var(--transition-2); }
-
 .insta-post-link:is(:hover, :focus) > img {
   transform: scale(1.1);
   opacity: 0.5;
@@ -908,21 +929,38 @@ body {
   opacity: 0;
   transition: var(--transition-2);
 }
-
 .insta-post-link:is(:hover, :focus) > ion-icon { opacity: 1; }
 
 .insta-post-list {
   display: flex;
   overflow-x: auto;
+  padding: 0;
   scroll-snap-type: inline mandatory;
 }
 
 .insta-post-list::-webkit-scrollbar { display: none; }
 
 .insta-post-item {
-  min-width: 90%;
+  width: 50vh;
+  height : 50vh ;
   scroll-snap-align: center;
 }
+.insta-post-item img{
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+}
+@keyframes animate {
+  from{
+      -webkit-transform:translateX(0%);
+              transform:translateX(0%);
+  }
+  to{
+      -webkit-transform:translateX(-100%);
+              transform:translateX(-100%);
+  }
+}
 
 
 
diff --git a/index.html b/index.html
index e5506dae..10da7ce5 100644
--- a/index.html
+++ b/index.html
@@ -13,8 +13,8 @@
   <script type="text/javascript"
     src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
-    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
-    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>  
+  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
 
   <!-- 
     - favicon
@@ -141,16 +141,16 @@ <h1>
         <!-- <div class="search-bar" id="searchBar" style="display:none;">
           <input type="text" id="searchInput" placeholder="Search..." autocomplete="off"> -->
 
-          <!-- Match counter and navigation buttons -->
-          <!-- <div class="search-nav-buttons">
+        <!-- Match counter and navigation buttons -->
+        <!-- <div class="search-nav-buttons">
             <span id="matchCounter" style="display: none;">0/0</span> -->
-            <!-- <button id="prevMatch" style="display:none;">&#x25B2;</button> Up arrow -->
-            
-          <!-- </div>
+        <!-- <button id="prevMatch" style="display:none;">&#x25B2;</button> Up arrow -->
+
+        <!-- </div>
         </div> -->
 
         <button type="button" class="btn btn-primary" onclick="location.href='donate.html';">
-          <span>Donation</span>     
+          <span>Donation</span>
           <ion-icon name="heart-outline" aria-hidden="true"></ion-icon>
         </button>
 
@@ -292,7 +292,8 @@ <h3 class="h4 item-title">Environment</h3>
 
             <h2 class="deco-title">About Us</h2>
 
-            <img src="./assets/images/deco-img.png" width="58" height="261" alt="Decorative design element for styling"  class="deco-img">
+            <img src="./assets/images/deco-img.png" width="58" height="261" alt="Decorative design element for styling"
+              class="deco-img">
 
             <div class="banner-row">
 
@@ -1027,7 +1028,7 @@ <h3 class="card-title">Far from the countries Vokalia and Consonantia 2022</h3>
           </ul>
 
           <button class="btn btn-secondary">
-            <span>Learn More Us</span>
+            <span>Learn More About Us</span>
 
             <ion-icon name="heart-outline" aria-hidden="true"></ion-icon>
           </button>
@@ -1042,57 +1043,108 @@ <h3 class="card-title">Far from the countries Vokalia and Consonantia 2022</h3>
       <!-- 
         - #INSTA POST
       -->
+      <div id="marquee">
+        <section class="insta-post">
 
-      <section class="insta-post">
+          <ul class="insta-post-list">
 
-        <ul class="insta-post-list">
+            <li class="insta-post-item">
+              <a href="#" class="insta-post-link">
+                <img src="./assets/images/insta-1.jpg"  loading="lazy" alt="Lion"
+                  class="img-cover">
 
-          <li class="insta-post-item">
-            <a href="#" class="insta-post-link">
-              <img src="./assets/images/insta-1.jpg" width="320" height="300" loading="lazy" alt="Lion"
-                class="img-cover">
+                <ion-icon name="logo-instagram"></ion-icon>
+              </a>
+            </li>
 
-              <ion-icon name="logo-instagram"></ion-icon>
-            </a>
-          </li>
+            <li class="insta-post-item">
+              <a href="#" class="insta-post-link">
+                <img src="./assets/images/insta-2.jpg"  loading="lazy" alt="Deer"
+                  class="img-cover">
 
-          <li class="insta-post-item">
-            <a href="#" class="insta-post-link">
-              <img src="./assets/images/insta-2.jpg" width="320" height="300" loading="lazy" alt="Deer"
-                class="img-cover">
+                <ion-icon name="logo-instagram"></ion-icon>
+              </a>
+            </li>
 
-              <ion-icon name="logo-instagram"></ion-icon>
-            </a>
-          </li>
+            <li class="insta-post-item">
+              <a href="#" class="insta-post-link">
+                <img src="./assets/images/insta-3.jpg" loading="lazy" alt="Wild Bear"
+                  class="img-cover">
 
-          <li class="insta-post-item">
-            <a href="#" class="insta-post-link">
-              <img src="./assets/images/insta-3.jpg" width="320" height="300" loading="lazy" alt="Wild Bear"
-                class="img-cover">
+                <ion-icon name="logo-instagram"></ion-icon>
+              </a>
+            </li>
 
-              <ion-icon name="logo-instagram"></ion-icon>
-            </a>
-          </li>
+            <li class="insta-post-item">
+              <a href="#" class="insta-post-link">
+                <img src="./assets/images/insta-4.jpg" loading="lazy" alt="Deer"
+                  class="img-cover">
 
-          <li class="insta-post-item">
-            <a href="#" class="insta-post-link">
-              <img src="./assets/images/insta-4.jpg" width="320" height="300" loading="lazy" alt="Deer"
-                class="img-cover">
+                <ion-icon name="logo-instagram"></ion-icon>
+              </a>
+            </li>
 
-              <ion-icon name="logo-instagram"></ion-icon>
-            </a>
-          </li>
+            <li class="insta-post-item">
+              <a href="#" class="insta-post-link">
+                <img src="./assets/images/insta-5.jpg" loading="lazy" alt="Horses"
+                  class="img-cover">
 
-          <li class="insta-post-item">
-            <a href="#" class="insta-post-link">
-              <img src="./assets/images/insta-5.jpg" width="320" height="300" loading="lazy" alt="Horses"
-                class="img-cover">
+                <ion-icon name="logo-instagram"></ion-icon>
+              </a>
+            </li>
+          </ul>
+        </section>
+        <section class="insta-post">
 
-              <ion-icon name="logo-instagram"></ion-icon>
-            </a>
-          </li>
-        </ul>
-      </section>
+          <ul class="insta-post-list">
+
+            <li class="insta-post-item">
+              <a href="#" class="insta-post-link">
+                <img src="./assets/images/insta-1.jpg"  loading="lazy" alt="Lion"
+                  class="img-cover">
+
+                <ion-icon name="logo-instagram"></ion-icon>
+              </a>
+            </li>
+
+            <li class="insta-post-item">
+              <a href="#" class="insta-post-link">
+                <img src="./assets/images/insta-2.jpg"  loading="lazy" alt="Deer"
+                  class="img-cover">
+
+                <ion-icon name="logo-instagram"></ion-icon>
+              </a>
+            </li>
+
+            <li class="insta-post-item">
+              <a href="#" class="insta-post-link">
+                <img src="./assets/images/insta-3.jpg"  loading="lazy" alt="Wild Bear"
+                  class="img-cover">
+
+                <ion-icon name="logo-instagram"></ion-icon>
+              </a>
+            </li>
+
+            <li class="insta-post-item">
+              <a href="#" class="insta-post-link">
+                <img src="./assets/images/insta-4.jpg"  loading="lazy" alt="Deer"
+                  class="img-cover">
+
+                <ion-icon name="logo-instagram"></ion-icon>
+              </a>
+            </li>
+
+            <li class="insta-post-item">
+              <a href="#" class="insta-post-link">
+                <img src="./assets/images/insta-5.jpg"  loading="lazy" alt="Horses"
+                  class="img-cover">
+
+                <ion-icon name="logo-instagram"></ion-icon>
+              </a>
+            </li>
+          </ul>
+        </section>
+      </div>
     </article>
   </main>
 
@@ -1132,7 +1184,7 @@ <h4>Quick Links</h4>
       <div class="footer-right">
         <h4>Stay Connected</h4>
         <form action="#">
-          <input type="email" class = "email-input" placeholder="Your email address">
+          <input type="email" class="email-input" placeholder="Your email address">
           <button type="submit">Subscribe</button>
         </form>
         <div class="footer-social-icons">
@@ -1228,18 +1280,18 @@ <h4>Stay Connected</h4>
     - ionicon link
   -->
   <script>
-    document.addEventListener('DOMContentLoaded', function() {
+    document.addEventListener('DOMContentLoaded', function () {
       const sections = document.querySelectorAll('section[id]');
       const navLinks = document.querySelectorAll('.navbar-link');
-    
+
       function updateActiveLink() {
         let scrollY = window.pageYOffset;
-    
+
         sections.forEach(current => {
           const sectionHeight = current.offsetHeight;
           const sectionTop = current.offsetTop - 50;
           const sectionId = current.getAttribute('id');
-    
+
           if (scrollY > sectionTop && scrollY <= sectionTop + sectionHeight) {
             navLinks.forEach(link => {
               link.classList.remove('active');
@@ -1250,16 +1302,16 @@ <h4>Stay Connected</h4>
           }
         });
       }
-    
+
       window.addEventListener('scroll', updateActiveLink);
-    
+
       // Smooth scrolling for navbar links
       navLinks.forEach(anchor => {
-        anchor.addEventListener('click', function(e) {
+        anchor.addEventListener('click', function (e) {
           e.preventDefault();
           const targetId = this.getAttribute('href').substring(1);
           const targetElement = document.getElementById(targetId);
-          
+
           if (targetElement) {
             window.scrollTo({
               top: targetElement.offsetTop - 50,
@@ -1268,11 +1320,11 @@ <h4>Stay Connected</h4>
           }
         });
       });
-    
+
       // Initial call to set active link on page load
       updateActiveLink();
     });
-    </script>
+  </script>
   <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
   <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>