FEATURE introducing component styling

resources/css/blocks/team-authors.css

@@ -0,0 +1,48 @@
+.team-authors {
+  h2 {
+  }
+
+  .author-card {
+    @apply bg-white p-12 border border-carhop-green-700;
+
+    &__thumbnail {
+      @apply w-full h-32 object-cover  mb-6 border border-carhop-green-700 relative;
+
+      img {
+        @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 object-cover object-center bg-carhop-green-100;
+        width: calc(100% - 16px);
+        height: calc(100% - 16px);
+        object-fit: cover;
+        object-position: center;
+      }
+    }
+    &__name {
+      @apply text-2xl font-medium mb-4;
+    }
+
+    &__email {
+      @apply mt-4;
+
+      &:hover {
+        @apply cta--primary;
+      }
+    }
+
+    &__bio {
+    }
+  }
+  .comity-type {
+    @apply pt-12;
+
+    &__title {
+      @apply text-4xl font-medium mb-4;
+    }
+
+    &__list {
+      @apply grid grid-cols-2 md:grid-cols-3 gap-12;
+    }
+
+    &__item {
+    }
+  }
+}