.image-banner__wrapper.image-banner__wrapper-new {
  background: var(--background);
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--color);
  height: var(--section-height);
  padding: var(--PT, 0) var(--PX, 4rem);

  .image-banner__container {
    align-items: center;
    display: flex;
    min-height: 100%;
    justify-content: center;
    text-align: center;

    .image-banner__content {
      margin: 0 auto;
      max-width: var(--content-width, 73rem);
      width: 100%;

      &.image-banner__content-left {
        margin-left: 0;
        text-align: left;
        width: 50%;

        @media (width >=768px) {
          .image-banner__context {
            margin-inline: 0;
          }
        }
      }

      &.image-banner__content-right {
        margin-right: 0;
        text-align: left;
        width: 50%;

        @media (width >=768px) {
          .image-banner__context {
            margin-inline: 0;
          }
        }
      }

      .image-banner__header {
        font-family: var(--font-heading-family);
        font-size: var(--heading);
        font-style: var(--font-heading-style, 'normal');
        font-weight: var(--font-heading-weight);
        letter-spacing: normal;
        line-height: var(--heading-line-height, 1.04);
        margin-bottom: 2rem;
      }

      .image-banner__context {
        font-family: var(--font-body-family);
        font-size: var(--content);
        font-style: var(--font-body-style, 'normal');
        font-weight: var(--font-body-weight);
        letter-spacing: normal;
        line-height: var(--content-line-height, 1.6);

        @media (width >=768px) {
          margin-inline: auto;
          max-width: 400px;
        }
      }

      @media (width >=768px) {
        padding: 3.2rem 0;
      }

      @media (width < 768px) {

        &.image-banner__content-left,
        &.image-banner__content-right {
          max-width: 100%;
          width: 100%;
        }
      }
    }
  }

  .image-banner__media {
    align-self: end;
    pointer-events: none;

    img {
      height: auto;
    }

    .image-banner__image {
      margin-top: -4.3rem;
    }

    .image-banner__image-mobi {
      display: none;
    }
  }

  @media (width < 768px) {
    --PX: 2rem;

    .image-banner__container {
      display: block;
    }


    .image-banner__media {
      overflow: hidden;

      .image-banner__image {
        display: none;
      }

      .image-banner__image-mobi {
        display: block;
        margin-bottom: -5rem;
        margin-top: 3rem;
      }
    }
  }
}