.coach {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "img coach-text"
    "name coach-text";

  @media (max-width: 767px) {
    display: flex;
    flex-direction: column;
  }
}

.coach {
  grid-area: coach;
}

.coach-img {
  grid-area: img;
  width: clamp(360px, 100vw, auto);
  height: auto;
}

.coach-name {
  grid-area: name;
  max-width: 100vw;
  height: auto;
}

.coach-text {
  grid-area: coach-text;
  justify-content: start;
  max-width: 100vw;
  height: auto;
}