.image_content {
  font-size: 1.8rem;

  .image_content-wrapper {
    align-items: center;
    grid-template-columns: 1fr;
    gap: 4rem;
    display: grid;

    @media (min-width: 768px) {
      grid-template-columns: repeat(2, 1fr);
      gap: 8.5rem;
    }

    &.reversed-order {
      .image_content__left-column {
        @media (min-width: 768px) {
          order: 1;
        }
      }
    }
  }

  .image_content__left-column__image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 1.5rem;
    aspect-ratio: 1 / 1;

    .image_content__left-column__image {
      position: absolute;
      width: 100%;
      height: 100%;
      inset: 0;
      object-fit: cover;
      object-position: center;
    }
  }

  .image_content__right-column {
    flex-direction: column;
    gap: 2rem;
    display: flex;
  }
}