.service-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.service-hero > *:not(.service-hero-watermark) {
  position: relative;
  z-index: 2;
}

.service-hero-emblem {
  display: block;
  width: 6.5rem;
  height: 6.5rem;
  margin: 0 0 1.15rem;
}

.service-hero-watermark {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: clamp(-6rem, -2vw, -1rem);
  width: min(46vw, 38rem);
  height: min(46vw, 38rem);
  transform: translateY(-50%);
  opacity: .075;
  pointer-events: none;
  user-select: none;
}

@media (max-width: 760px) {
  .service-hero-emblem {
    width: 5.25rem;
    height: 5.25rem;
  }

  .service-hero-watermark {
    top: 34%;
    right: -10rem;
    width: 28rem;
    height: 28rem;
    opacity: .055;
  }
}