@keyframes squiggle-img {
  0%   { filter: url("squiggle.svg#squiggle-img-1"); }
  20%  { filter: url("squiggle.svg#squiggle-img-2"); }
  40%  { filter: url("squiggle.svg#squiggle-img-3"); }
  60%  { filter: url("squiggle.svg#squiggle-img-4"); }
  80%  { filter: url("squiggle.svg#squiggle-img-5"); }
  100% { filter: url("squiggle.svg#squiggle-img-1"); }
}

@keyframes squiggle-card {
  0%   { filter: url("squiggle.svg#squiggle-1"); }
  20%  { filter: url("squiggle.svg#squiggle-2"); }
  40%  { filter: url("squiggle.svg#squiggle-3"); }
  60%  { filter: url("squiggle.svg#squiggle-4"); }
  80%  { filter: url("squiggle.svg#squiggle-5"); }
  100% { filter: url("squiggle.svg#squiggle-1"); }
}

.tagline .icon {
  animation: squiggle-img 0.34s steps(1) infinite;
}

.card:hover {
  animation: squiggle-card 0.34s steps(1) infinite;
}

@media (prefers-reduced-motion: reduce) {
  .tagline .icon { animation: none; filter: url("squiggle.svg#squiggle-img-3"); }
  .card:hover { animation: none; filter: url("squiggle.svg#squiggle-3"); }
}