@media (max-width: 720px), (hover: none) and (pointer: coarse) {
  #materials .crystal-visual,
  #agents .agent-visual {
    background: radial-gradient(
      ellipse 46% 45% at 50% 51%,
      rgb(251 243 180 / 43%) 0%,
      rgb(251 243 180 / 22%) 55%,
      transparent 100%
    );
  }

  .agent-mobile-film img {
    --agent-edge-fade: radial-gradient(ellipse 50% 48% at 50% 50%, #000 65%, transparent 100%);
    -webkit-mask-image: var(--agent-edge-fade);
    mask-image: var(--agent-edge-fade);
  }
}