.rd-symbol-decoration {
  position: relative;
  overflow: hidden;
}

.rd-symbol-decoration::after {
  content: "";
  position: absolute;

  width: min(48vw, 680px);
  aspect-ratio: 1;

  right: clamp(-250px, -14vw, -120px);
  top: 50%;

  transform: translateY(-50%) rotate(-7deg);

  background:
    url("../../images/rd-symbol-lines.svg")
    center / contain no-repeat;

  opacity: .16;

  pointer-events: none;
}

.rd-symbol-decoration > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 980px) {
  .rd-symbol-decoration::after {
    width: 560px;
    right: -300px;
    top: 54%;
    opacity: .12;
  }
}

@media (max-width: 640px) {
  .rd-symbol-decoration::after {
    width: 420px;
    right: -255px;
    top: 58%;
    opacity: .10;
  }
}