Restart CSS animations when switching page in bespoke template

[yhatt]

If using CSS animations in the HTML slide deck, the animation keyframe may not restart in some browsers even if switched page.

---
style: @import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css');
---

# Animation example

---

# CSS Animation

Powered by [Animate.css](https://daneden.github.io/animate.css/)

```css
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css');

h1 {
  animation: rollIn 0.75s ease-out 0s 1;
  width: max-content;
}
p {
  animation: jackInTheBox 0.75s ease-out 0.5s 1 backwards;
  width: max-content;
}
pre {
  animation: bounceIn 0.75s ease-out 0.5s 1 backwards;
}
```

<style scoped>
h1 {
  animation: rollIn 0.75s ease-out 0s 1;
  width: max-content;
}
p {
  animation: jackInTheBox 0.75s ease-out 0.5s 1 backwards;
  width: max-content;
}
pre {
  animation: bounceIn 0.75s ease-out 1s 1 backwards;
}
</style>

Now bespoke classes plugin has been updated to reset CSS animation keyframe, by disabling all animations in the slide page only for a moment.