Fix: moved header infront of team pictures (header.jsx) , changed team pictures to be compatible with mobile view (team.jsx)

Author: heralk21

src/components/header.jsx

@@ -67,6 +67,7 @@ const NavBar = {
       bottom: 0;
       background-color: #b1cbc0;
       justify-content: space-around;
+      z-index: 10;  //Ensures the header appears above
     }
   `,
   Logo: styled.img`

src/pages/team.jsx

@@ -60,6 +60,8 @@ const Inner = styled.div`
 const FlipCard = styled.div`
   background-color: transparent;
   padding: 1vw;
+  width: 65vw; //added fixed width for mobile view too
+  height: 65vw; //added fixed height for mobile view too
   @media only screen and (min-width: 600px) {
     width: 12vw;
     height: 12vw;