#founder {
  margin-bottom: 200px;

  & .founder-content__container {
    gap: 40px;

    & .founder-info {
      justify-content: center;
    }

    & .founder-expertise {
      display: flex;
      flex-direction: column;
      gap: 12px;

      .expertise-items__container {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;

        & .expertise-item {
          background-color: #dddddd;
          padding: 4px 12px;
          border-radius: 12px;
        }
      }
    }

    & .founder-image {
      position: relative;

      &>img {
        width: 100%;
        height: 100%;
        object-fit: cover;

        filter: grayscale(0);
        transition: filter ease 300ms;
        
        @media (min-width: 1024px) {
          filter: grayscale(0.5);
          
        }

      }

      &:hover>img {
        filter: grayscale(0);
      }

      &>.founder-info {
        position: absolute;

        padding: 20px;
        text-align: center;

        background-color: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(10px);

        bottom: 20px;
        left: 20px;
        right: 20px;

        @media (min-width: 1024px) {
          bottom: 40px;
          right: 40px;
          left: unset;
          text-align: right;
        }

        & .founder-title {
          color: var(--stb-orange);
        }
      }
    }
  }
}