.block-page-content-media {
  display: flex;
  gap: 4rem;
  align-items: center;
  justify-content: space-between;

  .block-page-text-content {
    flex: 1;
  }

  .block-page-media {
    width: 50%;
    max-height: 50rem;
    flex-shrink: 0;

    img,
    video {
      width: 100%;
      height: 100%;
      display: block;
    }
  }

  @media (max-width: 1024px) {
    flex-direction: column;
    gap: 2rem;

    .block-page-media {
      width: 100%;
    }
  }
}