@layer components {
  .fullwidth-image-signpost__bg {
    top: 0;
    inset-inline-start: 0;
    backdrop-filter: blur(2px);
  }
  .fullwidth-image-signpost {
  max-width: 1600px;
  padding-left: 0;
  padding-right: 0;
/*   .fullwidth-image-signpost__bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset-inline-start: 0;
    top: 0;
    background: var(--ui-images-overlays-image-tint);
  } */ 
  @media (min-width: 1200px) {
    .fullwidth-image-signpost__bg::after {
      background: var(--gradient-overlay-left);
    }
    .fullwidth-image-signpost--center .fullwidth-image-signpost__bg::after {
      background: var(--ui-images-overlays-image-tint);
    }
    .fullwidth-image-signpost--end .fullwidth-image-signpost__bg::after {
      background: var(--gradient-overlay-right);
    }
  }
  .text-image-signpost__content-wrapper {
    padding-inline: 2.8rem;
  }
  .text-image-signpost .config-text {
    max-width: 64rem;
  }
  .text-image-signpost__image {
    min-height: 24.2rem;
  }
  @media (min-width: 768px) {
    .text-image-signpost__content-wrapper {
      padding-inline: 5.6rem;
    }
    .text-image-signpost__image {
      min-height: 51.4rem;
    }
  }
  @media (min-width: 1200px) {
    .text-image-signpost__content-wrapper {
      padding-inline: var(--lg-3);
    }
    .text-image-signpost__image {
      min-height: 53.6rem;
    }
  }
}
.fullwidth-image-signpost {
    max-width: 1600px;
    margin-inline: auto;
    padding-inline: var(--md-3);
}