Added short descriptions to Gallery page for each outreach - Adi

Author: adi-varshney

gallery.html

@@ -57,6 +57,8 @@ <h1 class="title m-5">Gallery</h1>
         <!-- Event 1 -->
         <div class="container text-center bg-success mb-5 rounded-4">
             <h2 class="p-4 fs-1 mb-2 text-white"><b>Mercer County Fair 2024 </b></h2>
+            <h3 class="fs-5 text-white" style="padding-left: 10vw; padding-right: 8.5vw;">
+                At the Mercer County Fair, we showcased our team, shared our experience and knowledge about robotics programs in FIRST(FLL, FTC, FRC), and taught about 3D printing, connecting with over 1,000 attendees.</h3>
             <div class="row gy-5 p-4 pb-5">
                 <div class="col-4">
                     <img src="images/galleryImages/MercerCountyFair/Fair1.jpg" class="img-fluid img-thumbnail p-0 rounded border-success-subtle border-5" alt="Mercer County Fair Image 1">
@@ -67,18 +69,23 @@ <h2 class="p-4 fs-1 mb-2 text-white"><b>Mercer County Fair 2024 </b></h2>
                 <div class="col-4">
                     <img src="images\galleryImages\MercerCountyFair/Fair3.jpg" class="img-fluid img-thumbnail p-0 rounded border-success-subtle border-5" alt="Mercer County Fair Image 3">
                 </div>
+                <div class="col-2"> <img src="" alt="" style="display: hidden;"> </div>
                 <div class="col-3">
                     <img src="images\galleryImages\MercerCountyFair/Fair4.jpg" class="img-fluid img-thumbnail p-0 rounded border-success-subtle border-5" alt="Mercer County Fair Image 4">
                 </div>
+                <div class="col-2"> </div>
                 <div class="col-3">
                     <img src="images\galleryImages\MercerCountyFair/Fair5.jpg" class="img-fluid img-thumbnail p-0 rounded border-success-subtle border-5" alt="Mercer County Fair Image 5">
                 </div>
+                <div class="col-2"> </div>
+
             </div>
         </div>
 
         <!-- Event 2 -->
         <div class="container text-center bg-success mb-5 rounded-4">
             <h2 class="p-4 fs-1 mb-2 text-white"><b>NJ Leep Outreach - Newark</b></h2>
+            <h3 class="fs-5 text-white" style="padding-left: 10vw; padding-right: 6.5vw;"> We partnered with NJ LEEP to visit low-income middle and high school students in Newark, sharing about our team, showcasing our robot, and introducing them to FTC, other FIRST programs, and STEM opportunities. </h3>
             <div class="row gy-5 p-4">
                 <div class="col">
                     <img src="images/galleryImages/NJLeepOutreach/NJLeep1.jpg" class="img-fluid img-thumbnail p-0 rounded border-success-subtle border-5" alt="NJ Leep Outreach Image 1">
@@ -110,6 +117,7 @@ <h2 class="p-4 fs-1 mb-2 text-white"><b>NJ Leep Outreach - Newark</b></h2>
         <!-- Event 3 -->
         <div class="container text-center bg-success mb-5 rounded-4">
             <h2 class="p-4 fs-1 mb-2 text-white"><b>Robocon 2024 - Bridgewater Common Mall, New Jersey</b></h2>
+            <h3 class="fs-5 text-white" style="padding-left: 10vw; padding-right: 8.5vw;"> At RoboCon at the Bridgewater Mall, we explored the depths of FIRST robotics and FTC while sharing our rookie team experience and how we built our team from the ground up. </h3>
             <div class="row gy-5 p-4">
                 <div class="col">
                     <img src="images/galleryImages/Robocon/Robocon1.jpg" class="img-fluid img-thumbnail p-0 rounded border-success-subtle border-5" alt="Robocon Image 1">