diff --git a/css/general.css b/css/general.css
index 420546b..71494b5 100644
--- a/css/general.css
+++ b/css/general.css
@@ -825,11 +825,15 @@ section {
   line-height: 25px;
 }
 
+#headline-recap {
+  color: #fbc334;
+}
+
 .slider {
   width: 100%;
   max-width: 680px;
   height: 400px;
-  margin: 20px auto;
+  margin: 20px auto 50px;
   display: flex;
   align-items: center;
 }
@@ -864,7 +868,15 @@ section {
   justify-content: center;
   transition: all 1s;
   position: relative;
-  text-align: center;
+  align-items: center;
+}
+
+.slide-caption {
+  position: absolute;
+  bottom: 2%;
+  background-color: #232323b8;
+  padding: 2px 5px;
+  border-radius: 5px;
 }
 
 .slide-button {
diff --git a/index.html b/index.html
index 647b425..dca9706 100644
--- a/index.html
+++ b/index.html
@@ -141,26 +141,28 @@
     <!--Main-->
     <main>
         <section id="event">
-            <h2 class="topic">Spring 2023 Event</h2>
+            <h2 class="topic">Event Details</h2>
             <hr class="line">
             <div id="event-container">
                 <article id="event-description">
                     <div id="event-title">
                         <h2 class="description-heading">New Hackathon Who Dis?</h2>
                     </div>
+                    <h3 id="headline-recap">A recap of Summer 2022:</h3>
                     <div id="slider" class="slider">
                         <a id="prev" class="control prev"><svg class="slide-button" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg></a>
                         <div class="slides-wrapper" id="slide-wrapper-main">
                             <div id="items" class="items">
-                                <div class="slide"><img class="slide-img" src="img/first_place_winner.jpg" loading="lazy"></div>
-                                <div class="slide"><img class="slide-img" src="img/opening_ceremony.jpg" loading="lazy"></div>
-                                <div class="slide"><img class="slide-img" src="img/brainstorm.png" loading="lazy"></div>
-                                <div class="slide"><img class="slide-img" src="img/python_workshop.jpg" loading="lazy"></div>
-                                <div class="slide"><img class="slide-img" src="img/prizes.png" loading="lazy"></div>
+                                <div class="slide"><img class="slide-img" src="img/first_place_winner.jpg" loading="lazy"><span class="slide-caption">🎉 First Place Winners - Christian Nguyen, Connor Palsgrove 🎉</span></div>
+                                <div class="slide"><img class="slide-img" src="img/opening_ceremony.jpg" loading="lazy"><span class="slide-caption">Opening Ceremony 👍</span></div>
+                                <div class="slide"><img class="slide-img" src="img/brainstorm.png" loading="lazy"><span class="slide-caption">🤔 Brainstorming ideas...</span></div>
+                                <div class="slide"><img class="slide-img" src="img/python_workshop.jpg" loading="lazy"><span class="slide-caption">💻 Python Workshop 💻</span></div>
+                                <div class="slide"><img class="slide-img" src="img/prizes.png" loading="lazy"><span class="slide-caption">🏆 Prizes! 🏆</span></div>
                             </div>
                         </div>
                         <a id="next" class="control next"><svg class="slide-button" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg></a>
                     </div>
+                    <hr><br>
                     <span class="caption" id="splash-entrance">Some info on us...</span>
                     <div class="splash-container" id="what-GilroyHacks">
                         <h2 class="splash-title">What is Gilroy Hacks?</h2>
diff --git a/js/general.js b/js/general.js
index 98e94d7..5021ade 100644
--- a/js/general.js
+++ b/js/general.js
@@ -138,6 +138,7 @@ document.addEventListener('DOMContentLoaded', function(){
     // Add class animations to these elements
     let elements_id = [
       '#event-title',
+      '#headline-recap',
       '#splash-entrance',
       '#what-GilroyHacks',
       '#why-GilroyHacks',