.team-authors {
  @apply max-w-screen-xl px-4 md:px-12  mx-auto py-24;

  .container {
    @apply px-0;
  }
  .author-card {
    @apply bg-white p-8 border border-carhop-green-700 mb-0  flex flex-col;

    &--director {
      @apply bg-primary;
      p,
      .author-card__name a,
      .author-card__bio {
        @apply text-white;
      }

      .author-card__email {
        @apply bg-white text-primary;
        &:hover {
          @apply bg-carhop-green-900;
        }
      }
    }

    &__profile-picture {
      @apply w-full h-32 object-cover  mb-6 border border-carhop-green-700 relative bg-white;

      /* img {
        @apply object-cover object-center;
        object-fit: cover;
        object-position: center;
        width: calc(100% - 16px);
        height: calc(100% - 16px);
      } */
    }

    &__name {
      @apply text-2xl font-medium mb-0 uppercase;
    }

    &__email {
      @apply mt-4 text-lg;

      &:hover {
        @apply cta--primary;
      }
    }

    &__bio {
      @apply text-base text-primary text-center leading-relaxed;
    }
  }
  .comity-type {
    @apply pt-12;

    &__title {
      @apply text-3xl font-medium mb-4 uppercase pb-10;
    }

    &__list {
      @apply grid md:grid-cols-2 lg:grid-cols-3 gap-8;
    }

    &__item {
    }
  }
}