.discovery-reference .discovery-ribbon-art {
  opacity: .82;
  pointer-events: none;
  background-image: linear-gradient(90deg, #0000, #eceafb61 25%, #eceafb8c 50%, #0000 85%), url("../media/cta-flying-silk.webp");
  background-position: center;
  background-size: cover;
  animation: 20s ease-in-out infinite cta-silk-float;
  inset: -3%;
}

.discovery-reference .discovery-glow {
  opacity: .15;
}

@keyframes cta-silk-float {
  0%, 100% {
    transform: translate3d(-.5%, 1%, 0) scale(1.02);
  }

  50% {
    transform: translate3d(.5%, -1%, 0) scale(1.055);
  }
}

@media (width <= 767px) {
  .discovery-reference .discovery-ribbon-art {
    opacity: .55;
    background-size: auto 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .discovery-reference .discovery-ribbon-art {
    animation: none;
    transform: none;
  }
}