diff --git a/public/assets/alexis.jpeg b/public/assets/alexis.jpeg
deleted file mode 100644
index e3f847b..0000000
Binary files a/public/assets/alexis.jpeg and /dev/null differ
diff --git a/public/assets/alexis_pfp.PNG b/public/assets/alexis_pfp.PNG
deleted file mode 100644
index 795765a..0000000
Binary files a/public/assets/alexis_pfp.PNG and /dev/null differ
diff --git a/public/assets/angela.jpeg b/public/assets/angela.jpeg
deleted file mode 100644
index d4d871c..0000000
Binary files a/public/assets/angela.jpeg and /dev/null differ
diff --git a/public/assets/angela_pfp.PNG b/public/assets/angela_pfp.PNG
deleted file mode 100644
index e6ece76..0000000
Binary files a/public/assets/angela_pfp.PNG and /dev/null differ
diff --git a/public/assets/board/angela.jpeg b/public/assets/board/angela.jpeg
new file mode 100644
index 0000000..4fff577
Binary files /dev/null and b/public/assets/board/angela.jpeg differ
diff --git a/public/assets/board/kevin.png b/public/assets/board/kevin.png
new file mode 100644
index 0000000..07c7038
Binary files /dev/null and b/public/assets/board/kevin.png differ
diff --git a/public/assets/board/nathan.png b/public/assets/board/nathan.png
new file mode 100644
index 0000000..c458638
Binary files /dev/null and b/public/assets/board/nathan.png differ
diff --git a/public/assets/board/pansy.jpeg b/public/assets/board/pansy.jpeg
new file mode 100644
index 0000000..63cb016
Binary files /dev/null and b/public/assets/board/pansy.jpeg differ
diff --git a/public/assets/board/shreya.png b/public/assets/board/shreya.png
new file mode 100644
index 0000000..4a2e1d1
Binary files /dev/null and b/public/assets/board/shreya.png differ
diff --git a/public/assets/board/uliyaah.png b/public/assets/board/uliyaah.png
new file mode 100644
index 0000000..7c79610
Binary files /dev/null and b/public/assets/board/uliyaah.png differ
diff --git a/public/assets/charvi.jpeg b/public/assets/charvi.jpeg
deleted file mode 100644
index b7fd2b0..0000000
Binary files a/public/assets/charvi.jpeg and /dev/null differ
diff --git a/public/assets/charvi_pfp.PNG b/public/assets/charvi_pfp.PNG
deleted file mode 100644
index 998c4b6..0000000
Binary files a/public/assets/charvi_pfp.PNG and /dev/null differ
diff --git a/public/assets/khushi.jpeg b/public/assets/khushi.jpeg
deleted file mode 100644
index 965cde3..0000000
Binary files a/public/assets/khushi.jpeg and /dev/null differ
diff --git a/public/assets/khushi_pfp.PNG b/public/assets/khushi_pfp.PNG
deleted file mode 100644
index 1aec611..0000000
Binary files a/public/assets/khushi_pfp.PNG and /dev/null differ
diff --git a/public/assets/nathan.jpeg b/public/assets/nathan.jpeg
deleted file mode 100644
index f30f623..0000000
Binary files a/public/assets/nathan.jpeg and /dev/null differ
diff --git a/public/assets/nikhil.JPG b/public/assets/nikhil.JPG
deleted file mode 100644
index 44b6781..0000000
Binary files a/public/assets/nikhil.JPG and /dev/null differ
diff --git a/public/assets/nikhil2_pfp.JPG b/public/assets/nikhil2_pfp.JPG
deleted file mode 100644
index de963cf..0000000
Binary files a/public/assets/nikhil2_pfp.JPG and /dev/null differ
diff --git a/public/assets/uliyaah.jpg b/public/assets/uliyaah.jpg
deleted file mode 100644
index 648c2a8..0000000
Binary files a/public/assets/uliyaah.jpg and /dev/null differ
diff --git a/src/components/team-card/index.tsx b/src/components/team-card/index.tsx
index 8547c86..89abcad 100644
--- a/src/components/team-card/index.tsx
+++ b/src/components/team-card/index.tsx
@@ -1,78 +1,76 @@
-import React from 'react';
-import styles from './style.module.css';
-
+import Image from 'next/image';
 import EmailIcon from './email';
 import LinkedInIcon from './linkedin';
+import styles from './style.module.css';
 
 const TeamCard: React.FC = () => {
   const teamMembers = [
     {
-      name: 'Nikhil Dange',
+      name: 'Angela Hu',
       position: 'Hack President',
-      email: 'nikhil@acmucsd.org',
-      linkedinLink: 'https://www.linkedin.com/in/nsdange/',
-      imageUrl: 'assets/nikhil.JPG',
+      email: 'angelahu@acmucsd.org',
+      linkedinLink: 'https://www.linkedin.com/in/angelahu925/',
+      imageUrl: '/assets/board/angela.jpeg',
     },
     {
-      name: 'Angela Hu',
+      name: 'Kevin Lu',
       position: 'Hack Technical Event Director',
-      email: 'angelahu@acmucsd.org',
-      linkedinLink: 'https://www.linkedin.com/in/angelahu925/',
-      imageUrl: 'assets/angela.jpeg',
+      email: 'kevinlu@acmucsd.org',
+      linkedinLink: 'https://www.linkedin.com/in/kevin-lu-92b026245/',
+      imageUrl: '/assets/board/kevin.png',
     },
     {
-      name: 'Khushi Patel',
+      name: 'Nathan Wang',
       position: 'Hack Technical Event Director',
-      email: 'khushi@acmucsd.org',
-      linkedinLink: 'http://www.linkedin.com/in/pateljkhushi',
-      imageUrl: 'assets/khushi.jpeg',
+      email: 'nathan@acmucsd.org',
+      linkedinLink: 'https://www.linkedin.com/in/nathan-wang-100b1a212/',
+      imageUrl: '/assets/board/nathan.png',
     },
     {
-      name: 'Charvi Shukla',
+      name: 'Pansy Kuang',
       position: 'Hack Technical Event Director',
-      email: 'charvi@acmucsd.org',
-      linkedinLink: 'https://www.linkedin.com/in/charvi-shukla-439b681b2/',
-      imageUrl: 'assets/charvi.jpeg',
+      email: 'pansy@acmucsd.org',
+      linkedinLink: 'http://www.linkedin.com/in/pansykuang',
+      imageUrl: '/assets/board/pansy.jpeg',
     },
     {
-      name: 'Alexis Vergnet',
+      name: 'Shreya Nagunuri',
       position: 'Hack Technical Event Director',
-      email: 'alexis@acmucsd.org',
-      linkedinLink: 'https://www.linkedin.com/in/avergnet/',
-      imageUrl: 'assets/alexis.jpeg',
+      email: 'shreya@acmucsd.org',
+      linkedinLink: 'https://www.linkedin.com/in/shreya-nagunuri/',
+      imageUrl: '/assets/board/shreya.png',
     },
     {
       name: 'Uliyaah Dionisio',
-      position: 'Hack Diamond Staff',
+      position: 'Hack Technical Event Director',
       email: 'uliyaah@acmucsd.org',
       linkedinLink: 'https://www.linkedin.com/in/uliyaah-dionisio-246695233/',
-      imageUrl: 'assets/uliyaah.jpg',
-    },
-    {
-      name: 'Nathan Wang',
-      position: 'Hack Diamond Staff',
-      email: 'nathan@acmucsd.org',
-      linkedinLink: 'https://www.linkedin.com/in/nathan-wang-100b1a212/',
-      imageUrl: 'assets/nathan.jpeg',
+      imageUrl: '/assets/board/uliyaah.png',
     },
   ];
 
   return (
     <div className={styles.team}>
-      {teamMembers.map((member, index) => (
+      {teamMembers.map(member => (
         <div key={member.name} className={styles.card}>
-          <div className={styles.cardOutline}>
-            <img src={member.imageUrl} alt={member.name} />
-            <h4>{member.name}</h4>
-            <h5>{member.position}</h5>
-            <div className={styles.icons}>
-              <a href={`mailto:${member.email}`} target="_blank" rel="noopener noreferrer">
-                <EmailIcon />
-              </a>
-              <a href={member.linkedinLink} target="_blank" rel="noopener noreferrer">
-                <LinkedInIcon />
-              </a>
-            </div>
+          <div className={styles.imageCropper}>
+            <Image
+              className={styles.cardImage}
+              src={member.imageUrl}
+              alt={member.name}
+              width={100}
+              height={100}
+            />
+          </div>
+          <h4>{member.name}</h4>
+          <h5>{member.position}</h5>
+          <div className={styles.icons}>
+            <a href={`mailto:${member.email}`} target="_blank" rel="noopener noreferrer">
+              <EmailIcon />
+            </a>
+            <a href={member.linkedinLink} target="_blank" rel="noopener noreferrer">
+              <LinkedInIcon />
+            </a>
           </div>
         </div>
       ))}
diff --git a/src/components/team-card/style.module.css b/src/components/team-card/style.module.css
index 6f30f1d..8aeb808 100644
--- a/src/components/team-card/style.module.css
+++ b/src/components/team-card/style.module.css
@@ -1,74 +1,51 @@
 .team {
   display: flex;
   flex-wrap: wrap;
-  row-gap: 2rem;
-  column-gap: 2rem;
-  max-width: 90%;
-  text-align: center;
   justify-content: center;
+  gap: 2rem;
   margin-bottom: 2rem;
   margin-top: 1rem;
-  margin-left: 13%; 
-  margin-right: 13%; 
+  max-width: 80%;
+  text-align: center;
 }
-    
-  .card {
-    text-align: center;
-    flex-basis: 20%;
-  }
 
-  .cardOutline {
-    border: 2px solid #f9a857;
-    padding: 16px;
-    border-radius: 10px;
-    height: 100%;
-  }
+.card {
+  display: flex;
+  flex-direction: column;
+  width: 250px;
+  height: 325px;
+  min-height: 100%;
+  padding: 1rem 1.5rem;
+  border: 2px solid #f9a857;
+  border-radius: 10px;
+}
 
-  .card h4 {
-    font-weight: bold;
-    margin-top: 10px;
-  }
-  
-  .icons {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 1.5rem;
-    margin-top: 0.25rem;
-  }
-  
-  .icons svg {
-    fill: #f9a857;
-  }
-  
-  .card img {
-    border-radius: 50%;
-  }
+.card h4 {
+  margin-top: 1rem;
+  font-weight: bold;
+}
 
-  @media screen and (max-width: 1100px) {
-    .card {
-      text-align: center;
-      flex-basis: 28%;
-    }
-  }
+.icons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 1.5rem;
+  margin-top: 0.25rem;
+}
+
+.icons svg {
+  fill: #f9a857;
+}
+
+.imageCropper {
+  margin: 0 auto;
+  width: 180px;
+  height: 180px;
+  position: relative;
+  overflow: hidden;
+  border-radius: 50%;
+}
 
-  @media screen and (max-width: 810px) {
-    .team {
-      margin-left: 5%;
-      margin-right: 5%;
-    }
-    .card {
-      text-align: center;
-      flex-basis: 33%;
-    }
-  }
-  @media screen and (max-width: 600px) {
-    .team {
-      display: grid;
-      grid-template-columns: 50%;
-      gap: 0.3rem; 
-      margin-left: 5%;
-      margin-right: 5%;
-    }
-  }
-  
\ No newline at end of file
+.cardImage {
+  min-width: 100%;
+}
\ No newline at end of file
diff --git a/src/sections/Team/style.module.css b/src/sections/Team/style.module.css
index d4a88bd..4ff74fb 100644
--- a/src/sections/Team/style.module.css
+++ b/src/sections/Team/style.module.css
@@ -1,9 +1,8 @@
-.team {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 30vh;
-    max-height: 100vh;
+.container {
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+
 }
 
 .h1 {