.section-image-and-text .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;

  div {
    flex-basis: 100%;
  }

  &.image-and-text__grid--reverse {
    flex-direction: column-reverse;
  }

  .caption {
    font-size: var(--font-body-small);
    text-transform: uppercase;
    font-weight: var(--font-bold);
    margin-bottom: 1rem;
  }

  .heading {
    margin-bottom: 1rem;
  }

  .text {
    font-size: var(--font-body-large);
    line-height: var(--line-height);
    margin-bottom: 2rem;
  }

  .rich-text-buttons {
    display: flex;
    gap: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .section-image-and-text .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;

    div {
      flex-basis: 50%;
    }

    &.image-and-text__grid--reverse {
      flex-direction: row-reverse;
    }
  }
}

@media screen and (min-width: 1024px) {
  .section-image-and-text .container {
    gap: 4rem;
  }
}