.decorative-image-innerblocks-block {
  position: relative;
  height: 300px;
  overflow: hidden;
  display: grid;
  align-items: center;

  @media screen and (min-width: 1320px) {
    height: auto;
    aspect-ratio: 1280 / 300;
  }

  > .container-xl {
    position: relative;
  }

  .decorative-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;

    img {
      object-fit: cover;
      object-position: center;
      width: 100%;
      height: 100%;
    }
  }

  .decorative-line.header {
    padding: 120px;
    height: 100%;

    @media screen and (max-width: 600px) {
      padding: 64px 20px;
    }

    > div {
      position: relative;
      height: 100%;

      &::before {
        content: "";
        position: absolute;
        width: 2px;
        left: 0;
        top: -120px;
        bottom: -120px;
        background: #EAEAEB;
      }
    }
  }

  .decorative-line.expressive {
    height: 100%;

    .container-xl {
      height: 100%;
      display: flex;

      &::before {
        content: "";
        flex: 0 0 calc(62.5% + 2px);
        border-right: 2px solid #EAEAEB;
        z-index: 1;

        @media screen and (max-width: 600px) {
          flex: 1;
        }
      }
    }
  }


  .decorative-line.alt {
    height: 100%;

    .container-xl {
      height: 100%;
      display: flex;

      &::before {
        content: "";
        flex: 0 0 calc(41.4%);
        border-right: 2px solid #EAEAEB;
        z-index: 1;

        @media screen and (max-width: 600px) {
          flex: 1;
          border-right: none;
          border-left: 2px solid #EAEAEB;
        }
      }
    }
  }

  .decorative-line.alt2 {
    height: 100%;

    .container-xl {
      height: 100%;
      display: flex;

      &::before {
        content: "";
        flex: 0 0 calc(41.4%);
        border-right: 2px solid #EAEAEB;
        z-index: 1;
      }
    }
  }

}