WIP

dist/app.css

@@ -12013,20 +12013,15 @@ img {
   margin: 0;
 }
 
-.team-members .team-members-wrapper {
+.team-member .team-member-intro-bar {
+  background-color: #063C5A;
+  color: #fff;
   display: flex;
-  flex-wrap: wrap;
+  height: 394px;
   justify-content: space-between;
 }
-.team-members .team-members-wrapper .team-member {
-  border: 1px solid #C5C5C5;
-  border-radius: 10px;
-  max-width: 593px;
-  padding: 1rem;
-}
-.team-members .team-members-wrapper .team-member .left {
-  width: calc(33% - 0.5rem);
-}
-.team-members .team-members-wrapper .team-member .left a {
+.team-member .team-member-intro-bar img {
+  height: 100%;
   display: block;
+  border-right: 160px solid #B9AF78;
 }

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=1699926ecd64e5047e7507c2684f43f3"
+    "/app.css": "/app.css?id=0fd8765131cb243c4da0a585dcb3198d"
 }

src/scss/team-member.scss

@@ -12,25 +12,18 @@
     }
 }
 
-.team-members {
-    .team-members-wrapper {
+.team-member {
+    .team-member-intro-bar {
+        background-color: $c-navy;
+        color: $c-white;
         display: flex;
-        flex-wrap: wrap;
+        height: 394px;
         justify-content: space-between;
 
-        .team-member {
-            border: 1px solid $c-borderGrey;
-            border-radius: 10px;
-            max-width: 593px;
-            padding: 1rem;
-
-            .left {
-                width: calc(33% - 0.5rem);
-
-                a {
+        img {
+            height: 100%;
             display: block;
-                }
-            }
+            border-right: 160px solid $c-tan;
         }
     }
 }