.image-text-section {
  background-color: var(--background_color);
  color: var(--primary_text);

  .image-text__wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .image-text__media,
  .image__container,
  .image__element {
    width: 100%;
  }

  .image-text__content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }

  .image-text__wrapper--mobile-text-first {
    .image-text__content {
      order: 1;
    }

    .image-text__media {
      order: 2;
    }
  }

  .Button {
    padding-block: 0.25rem;
    padding-inline: 0.5rem;
  }
}

@media screen and (min-width: 1025px) {
  .image-text-section {
    .image-text__wrapper {
      display: grid;
      gap: 1.5rem;
    }

    .image-text__content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      gap: 0.5rem;
    }

    .image-text__wrapper.left-layout {
      grid-template-columns: minmax(0, 909fr) minmax(0, 443fr);

      .image-text__content {
        order: 2;
      }
      .image-text__media,
      .image__container {
        order: 1;
      }
    }

    .image-text__wrapper.right-layout {
      grid-template-columns: minmax(0, 443fr) minmax(0, 909fr);

      .image-text__content {
        order: 1;
      }
      .image-text__media,
      .image__container {
        order: 2;
      }
    }
  }
}