.about {
  display: flex;
  flex-direction: row;
  gap: var(--size-1);

  justify-content: space-between;

  @media (max-width: 50em) {
    flex-direction: column;
  }

  img {
    max-width: 30vw;
    height: auto;
    align-self: center;

    @media (max-width: 50em) {
      max-width: 100%;
    }
  }

  .portrait {
    max-height: 40vh;
    @media (max-width: 50em) {
      max-height: 40vh;
    }
  }
}