.fc_split_content {
  display: flex;
  flex-direction: column;
  gap: var(--padding-xxs);

  > * {
    flex: 1 1 50%;
  }

  .content {
    padding-inline: clamp(24px, 10.294vw + -35.294px, 150px);
    display: flex;
    align-items: center;
  }

  .image {
    aspect-ratio: 1;
    width: 100%;
    max-height: 888px;
  }

  /* responsive */
  @media (width >= 992px) {
    flex-direction: row;
    align-items: stretch;
    gap: 0;

    &.right {
      flex-direction: row-reverse;
    }
  }
}