diff --git a/index.html b/index.html
index e1c92ff..0c1ade6 100644
--- a/index.html
+++ b/index.html
@@ -18,14 +18,15 @@
   <title>🍓</title>
   <link rel="stylesheet" href="styles.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
 </head>
 
 <body>
-  <header>
+  <header class="animate__animated animate__fadeInDown">
     <h1>🍓 Welcome 🍓</h1>
   </header>
 
-  <div class="container">
+  <div class="container animate__animated animate__fadeInUp animate__delay-0.5s">
     <h2>Table of Contents</h2>
     <ul>
       <li><a href="#convergence">The Convergence of Software Development</a></li>
@@ -38,7 +39,7 @@ <h2>Table of Contents</h2>
     </ul>
   </div>
 
-  <div class="container">
+  <div class="container animate__animated animate__fadeInUp">
     <p>The Synergistic Dance: Software Development for Local and Cloud Environments The modern software landscape is a dynamic tapestry woven from threads of both local and cloud environments. Nav[...]</p>
     <ul>
       <li><strong>Architecture Matters:</strong> Choosing the right architecture is paramount. Microservices architecture, with its modular and independently deployable components, is ideally suit[...]</li>
@@ -50,7 +51,7 @@ <h2>Table of Contents</h2>
     <p><strong>Conclusion:</strong> Software development for local and cloud environments is no longer a separate endeavor but a unified strategy that recognizes the interconnected nature of these[...]</p>
   </div>
 
-  <div class="container">
+  <div class="container animate__animated animate__fadeInUp">
     <p>Knowledge is key 🔑 Grafana offers insight and power to use the data around you </p>
     <div class="ad-container">
       <p>I went from zero to beautiful graphs, insightful logs, and valuable alerts in minutes using Grafana Cloud. You can too by signing up for a free account using my link: <a href="https://gra[...]">Sign up here</a></p>
@@ -66,7 +67,7 @@ <h2>Table of Contents</h2>
   </div>
 
   <!-- New Content Added Below the Ad for Grafana -->
-  <div class="container">
+  <div class="container animate__animated animate__fadeInUp">
     <h2 id="convergence">The Convergence of Software Development: Navigating Local and Cloud Environments</h2>
     <p>The modern software development landscape is increasingly defined by a bifurcated approach, encompassing both local and cloud environments. No longer are these spheres mutually exclusive; [...]</p>
     
@@ -84,7 +85,7 @@ <h3 id="future-development">The Future of Software Development:</h3>
   </div>
 
   <!-- Security-Focused Operating Systems vs. Common Consumer OSes -->
-  <div class="container">
+  <div class="container animate__animated animate__fadeInUp">
     <h2 id="security-os">Security-Focused Operating Systems vs. Common Consumer OSes</h2>
 
     <h3>Key Security Differences</h3>
@@ -177,7 +178,7 @@ <h3>Important Considerations</h3>
   </div>
 
   <!-- Tips for State-of-the-Art AI Assistance and Tools -->
-  <div class="container">
+  <div class="container animate__animated animate__fadeInUp">
     <h2 id="ai-tools">Tips for State-of-the-Art AI Assistance and Tools</h2>
     <p>For developers seeking cutting-edge AI assistance and tools, consider exploring the following:</p>
     <ul>
@@ -187,17 +188,17 @@ <h2 id="ai-tools">Tips for State-of-the-Art AI Assistance and Tools</h2>
   </div>
 
   <!-- Added Images -->
-  <div class="container">
+  <div class="container animate__animated animate__fadeInUp">
     <h2>Design Assets</h2>
-    <img src="assets/1742951217707.jpg" alt="Design Asset 1">
-    <img src="assets/patterns.png" alt="Design Asset 2">
-    <img src="assets/table.png" alt="Design Asset 3">
-    <img src="assets/1029902f-af2a-4b81-827b-170f94301d97.png" alt="Design Asset 4">
-    <img src="assets/OIP.jpeg" alt="Design Asset 5">
-    <img src="assets/IMG_20250324_074857.jpg" alt="Design Asset 6">
+    <img src="assets/1742951217707.jpg" alt="Design Asset 1" class="animate__animated animate__fadeIn">
+    <img src="assets/patterns.png" alt="Design Asset 2" class="animate__animated animate__fadeIn">
+    <img src="assets/table.png" alt="Design Asset 3" class="animate__animated animate__fadeIn">
+    <img src="assets/1029902f-af2a-4b81-827b-170f94301d97.png" alt="Design Asset 4" class="animate__animated animate__fadeIn">
+    <img src="assets/OIP.jpeg" alt="Design Asset 5" class="animate__animated animate__fadeIn">
+    <img src="assets/IMG_20250324_074857.jpg" alt="Design Asset 6" class="animate__animated animate__fadeIn">
   </div>
 
-  <footer>
+  <footer class="animate__animated animate__fadeInUp">
     <p>&copy; 2025 spykeydp. All rights reserved.</p>
   </footer>
 
@@ -247,4 +248,4 @@ <h2>Design Assets</h2>
   </script>
 </body>
 
-  </html>
+</html>
