.layered-text-offset-image {
  --layered-text--background: var(--wp--preset--color--secondary);
  --layered-text--color: var(--wp--preset--color-white);
  background-color: unset !important;
}

  .layered-text-offset-image .layered-text-offset-image_content {
    margin-top: 130px;
    margin-bottom: 0;
  }

  @media (min-width: 1024px) {

  .layered-text-offset-image .layered-text-offset-image_content {
      margin-top: 40px
  }
    }

  @media screen and (min-width: 1224px) {

  .layered-text-offset-image .layered-text-offset-image_content {
      padding: 0;
      margin-bottom: 40px
  }
    }

  .layered-text-offset-image .layered-text-offset-image_content:before {
      content: "";
      display: none;
      background: var(--layered-text--background);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      width: 0;
      height: 100%;
    }

  @media (min-width: 1024px) {

  .layered-text-offset-image .layered-text-offset-image_content:before {
        display: block;
        width: calc((100vw - var(--wp--style--global--wide-size)) / 2);
        left: calc(((100vw - var(--wp--style--global--wide-size)) / 2) * -1)
    }
      }

  .layered-text-offset-image .layered-text-offset-image_content:after {
      content: "";
      display: block;
      background: var(--layered-text--background);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      width: 100vw;
      height: 100%;
    }

  @media (min-width: 1024px) {
      .layered-text-offset-image .layered-text-offset-image_content:before,
      .layered-text-offset-image .layered-text-offset-image_content:after {
        height: calc(100% + 30px);
      }

      .layered-text-offset-image .layered-text-offset-image_content:after {
        width: 75vw;
      }
    }

  @media screen and (min-width: 1650px) {
      .layered-text-offset-image .layered-text-offset-image_content:after {
        width: 100%;
      }
    }

  .layered-text-offset-image .layered-text-offset-image_content .layered-text-offset-image_inner {
      width: 100%;
      max-width: 560px;
      color: var(--layered-text--color);
      z-index: 10;
      margin: 35px 0 60px;
      padding-right: var(--wp--style--root--padding-right);
      padding-left: var(--wp--style--root--padding-left);
    }

  .layered-text-offset-image .layered-text-offset-image_content .layered-text-offset-image_inner .acf-innerblocks-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

  .layered-text-offset-image .layered-text-offset-image_content .layered-text-offset-image_inner h2 {
        margin-bottom: 30px;
      }

  @media (min-width: 1024px) {

  .layered-text-offset-image .layered-text-offset-image_content .layered-text-offset-image_inner {
        max-width: 520px;
        margin: 70px 0
    }
      }

  @media screen and (min-width: 1200px) {

  .layered-text-offset-image .layered-text-offset-image_content .layered-text-offset-image_inner {
        max-width: 570px
    }
      }

  .layered-text-offset-image .layered-text-offset-image_content .layered-text-offset-image_media {
      z-index: 10;
      width: 100%;
      max-width: 550px;
      padding-left: var(--wp--style--root--padding-left);
      margin-top: -110px;
    }

  @media (min-width: 1024px) {

  .layered-text-offset-image .layered-text-offset-image_content .layered-text-offset-image_media {
        margin-top: -30px;
        padding: 0
    }
      }

  @media screen and (min-width: 1224px) {

  .layered-text-offset-image .layered-text-offset-image_content .layered-text-offset-image_media {
        margin-right: calc(
          ((100vw - var(--wp--style--global--wide-size)) / 2) * -1
        )
    }
      }

  @media screen and (min-width: 1650px) {

  .layered-text-offset-image .layered-text-offset-image_content .layered-text-offset-image_media {
        margin-right: -212px
    }
      }
