Transform and GPU-accelerated card animation option

[tomchen]

• [x] Cleanup old Tailwind transform class
• [x] Use translateZ(0) (see also Tailwind's transform-gpu) for all element with CSS transform
• [x] Use translateY for tower & wall body instead of height
• Add an option to switch to GPU-accelerated card animation
  • [ ] Add the option
  • [ ] Use translateX translateY instead of top left for card position. This needs manual calculation for some in-card elements that already use translateX to implement flip effect, and can cause slightly blurry text
  • [ ] Use translateZ(0)
  • [ ] Modify https://github.com/arcomage/arcomage-hd/blob/main/troubleshooting.md and #66, "Solution 2" in #66 is probably not needed. Also ask users with performance issue to test on https://webkit.org/blog-files/3d-transforms/poster-circle.html