diff --git a/src/App.css b/src/App.css
index 78f7e2c..5238671 100644
--- a/src/App.css
+++ b/src/App.css
@@ -696,24 +696,33 @@ a {
   text-align: left;
 }
 .Team-container .title{
-    height: 10vh;
-    font-family: var(--font-family);
-    font-weight: normal;
-    width: fit-content;
-    margin-top: 0rem;
-    position: absolute;
-    top: -3.5rem;
-    left: 1.5rem;
-    /* color: white; */
-    color: var(--main-white);
+  height: 10vh;
+  font-family: var(--font-family);
+  font-weight: normal;
+  width: fit-content;
+  /* color: white; */
+  color: var(--main-white);
+}
+.Team-container div{
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2rem;
+  justify-content: space-around;
 }
 .MuiGrid-root.MuiGrid-item{
   padding-left: none;
 }
 .Team-individual{
   padding: 1em;
+  height: 12rem;
+  max-width: 12rem;
   
 }
+.Team-individual a{
+  display: block;
+  height: 100%;
+  width: 100%;
+}
 .Team-Flex{
   display: flex;
   align-items: flex-start;
@@ -723,8 +732,9 @@ a {
 
 .Team-Img{
   border-radius: 50%;
-  max-height: 20vh;
-  max-width: 20vw;
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
   overflow: hidden;
   /* filter: drop-shadow(0px 0px 10px #FF5E54) saturate(150%); */
   filter: drop-shadow(0px 0px 10px var(--orange-font-color)) saturate(150%);
diff --git a/src/Assets/Team/HM11Team/Roma.webp b/src/Assets/Team/HM11Team/Roma.webp
new file mode 100644
index 0000000..6837d87
Binary files /dev/null and b/src/Assets/Team/HM11Team/Roma.webp differ
diff --git a/src/Components/Team.js b/src/Components/Team.js
index e2d8f70..53b0139 100644
--- a/src/Components/Team.js
+++ b/src/Components/Team.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import { Grid } from "@mui/material";
 // import Jet from '../Assets/Team/jet.JPG';
 // import Porfi from '../Assets/Team/porfi.JPG';
 // import Alisson from '../Assets/Team/alisson.JPG';
@@ -31,6 +30,7 @@ import Isha from '../Assets/Team/HM10Team/Isha.webp'
 import Ali from '../Assets/Team/HM11Team/Ali.webp'
 import Alondra from '../Assets/Team/HM11Team/Alondra.webp'
 import Sohdai from '../Assets/Team/HM11Team/Sohdai.webp'
+import Roma from '../Assets/Team/HM11Team/Roma.webp'
 
 
 function Team() {
@@ -65,25 +65,25 @@ function Team() {
         { name: 'Ali Mehry', imgSrc: Ali, linkedIn: "https://github.com/ahmadalimehry" },
         { name: 'Alondra Valdez', imgSrc: Alondra, linkedIn: "https://www.linkedin.com/in/alondra-valdez-080032357/" },
         { name: 'Sohdai Yokokawa', imgSrc: Sohdai, linkedIn: "https://github.com/Syoko3" },
+        { name: 'Roma Alimchandani', imgSrc: Roma, linkedIn: "https://github.com/romaalimchandani" },
     ]
 
     return (
         <div className='Team' id="team">
             <div className="Team-container">
                 <h2 className="title">our team</h2>
-                <Grid container spacing={8} className="Team-Flex"
-                    justifyContent="start">
+                <div>
 
                     {teamMembers.map((teamMember, index) => {
                         return (
-                            <Grid item xs={3} className="Team-individual" key={index}>
+                            <div className="Team-individual" key={index}>
                                 <a href={teamMember.linkedIn}><img className="Team-Img" src={teamMember.imgSrc} alt="Avatar" /></a>
                                 <div className="Team-Name">{teamMember.name}</div>
-                            </Grid>
+                            </div>
                         )
                     })}
 
-                </Grid>
+                </div>
             </div>
         </div>
     );