.text-with-embed-youtube {
  display: grid;
  place-items: center;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--spacing) * 16);

  > div:first-child {
    order: 1;
    width: 80%;
  }
  > div:last-child {
    order: 2;
  }

  &.text-with-embed-youtube__reversed {
    > div:first-child {
      order: 2;
    }
    > div:last-child {
      order: 1;
    }
  }

  iframe {
    width: 100%;
  }

  h3 {
    color: var(--color-black) !important;
    font-family: var(--font-livvic) !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 38px !important;
  }

  .text-with-embed-youtube__content {
    padding-block: calc(var(--spacing) * 16);
  }
}