From 6bcc12b9c46113ac2ac22a2b1771aebb24c7f6ff Mon Sep 17 00:00:00 2001
From: Melissa Liu <meiliu1313@gmail.com>
Date: Thu, 11 Jan 2024 15:25:30 -0800
Subject: [PATCH] rebase changes

---
 src/components/About.astro | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/components/About.astro b/src/components/About.astro
index 4db6ca0..90e8eaa 100644
--- a/src/components/About.astro
+++ b/src/components/About.astro
@@ -18,11 +18,27 @@ import crowd from '../graphics/crowd.webp';
         <div class="text">200+ hackers</div>
         at UC Berkeley to innovate for social good.
       </h3>
-      <h3>
-        At Hack for Impact, you will join over
-        <div class="text">200+ hackers</div>
-        at UC Berkeley to innovate for social good.
-      </h3>
+    </div>
+
+    <div class="imageRow">
+      <Image class="img" src={working} alt="Group of 5 people coding" />
+      <Image
+        class="img"
+        src={crowdLarge}
+        alt="Large group of people coding at hackathon"
+      />
+      <Image class="img" src={fourppl} alt="Picture of Calhacks members" />
+      <Image
+        class="img"
+        src={bear}
+        alt="Hackathon attendees posing with stuffed bear"
+      />
+      <Image class="img" src={annie} alt="Girl with tools" />
+      <Image
+        class="img"
+        src={crowd}
+        alt="Large group of people coding at hackathon"
+      />
     </div>
 
     <div class="mission-vision">
@@ -113,6 +129,7 @@ import crowd from '../graphics/crowd.webp';
 
     div.header {
       display: inline-block;
+      max-width: 58.625rem;
     }
     div.text {
       font: serif;