body {
  position: relative;
  isolation: isolate;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("watermark-dialogue.png");
  background-repeat: no-repeat;
  background-position: right -5rem bottom -6rem;
  background-size: min(52vw, 720px) auto;
  opacity: .1;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("watermark-dialogue.png");
  background-repeat: no-repeat;
  background-position: left -7rem top 4rem;
  background-size: min(38vw, 520px) auto;
  opacity: .07;
}

body > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 700px) {
  body::before {
    background-position: right -8rem bottom -2rem;
    background-size: min(94vw, 560px) auto;
    opacity: .09;
  }
  body::after {
    background-position: left -9rem top 5rem;
    background-size: min(72vw, 430px) auto;
    opacity: .06;
  }
}

@media print {
  body::before,
  body::after { display: none; }
}