body.is-act-index {
  .cms-block.pos-0.cms-block-image-text {
    &:not(:has(.h1, p, img)) {
      display: none;
    }

    .cms-block-container {
      background-color: $primary;
      color: $body-color-inverse;
      position: relative;
      @extend %include-adler;

      @include media-breakpoint-down(md) {
        margin-inline: calc(-1 * (var(--bs-gutter-x) * .5));

        &:after {
          transform: translate(-50%, 25%) !important;
        }
      }


      .cms-block-container-row.row.cms-row {
        @include media-breakpoint-up(md) {
          --bs-gutter-x: 0;
          flex-flow: row-reverse;
        }

        > div:first-child {
          margin-bottom: 0;
          min-height: 100%;

          & + div {
            align-self: center;
          }
        }


        h1 {
          color: $body-color-inverse;
          border-bottom: 1px solid $body-color-inverse;
          display: inline-block;
          padding-bottom: .75rem;
          padding-right: 1rem;
          margin-bottom: 1.25rem;
          text-transform: none;
          @include font-size(50px);
        }

        .cms-element-image {
          position: relative;


          &:after {
            content: '';
            position: absolute;
            height: 75px;
            bottom: 0;
            width: 100%;
            background: rgb(161, 129, 82);
            background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(161, 129, 82, 1) 100%);

            @include media-breakpoint-up(md) {
              left: 0;
              top: 0;
              height: 100%;
              width: 75px;
              bottom: auto;
              background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(161, 129, 82, 1) 100%);
            }
          }

          img {
            position: relative;


          }
        }

        .cms-element-text {
          padding: 1.5rem;
          @include media-breakpoint-up(md) {
            padding: 3rem;
          }
        }

      }
    }
  }
}