.electrical-field {
  display: block;
  height: 100%;
  inset: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .hero[data-electrical] .hero-image {
    transform: translate3d(var(--electric-x, 0), var(--electric-y, 0), 0) scale(1.025);
    transition: transform 700ms cubic-bezier(.2, .65, .3, 1);
  }
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .electrical-field { display: none; }
}