.image-text {
  height: 600px;
  padding: 50px 10%;

  img {
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
  }

  .image-text-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    h2,
    p,
    a {
      color: $text_inverse;
    }

    a {
      font-size: 1.25rem;
      font-weight: bold;
    }
  }
}

// todo check scope
.image-text-link {
  margin-top: 35px;
}

@media only screen and (max-width: $breakpoint_medium) {
  .image-text {
    height: auto;
  }
}