.text-video {
  background: var(--color-foreground);
  padding: 60px 0;

  @media (min-width: 768px) {
    padding: 160px 0;
  }

  .text-video__content {
    display: grid;
    grid-gap: 60px;
    align-items: center;

    @media (min-width: 768px) {
      grid-template-columns: 3fr 4fr;
      grid-gap: 60px;
    }

    div {
      text-align: center;
      font-family: var(--font-headline-family);
      font-size: 0.875rem;
      line-height: 1.35rem;
      font-style: italic;
    }

    video {
      max-width: 100%;
    }
  }
}