/* GIF shown over a profile card image on hover (profile-card-hover-gif.js); the image box is positioned by profile-card.css. */
.aq-card-hover-gif {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  opacity: 0;
  transform: none !important;
  transition: opacity .18s ease;
}
.is-hover-gif-visible .aq-card-hover-gif {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .aq-card-hover-gif {
    transition: none;
  }
}
