Una animación que se pueda pausar en usando CSS?

Hay una propiedad llamada "animation-play-state" fue creada para poder detener una animacion y poder continuarla desde el punto que se quedó, aqui te enseño a como implementarla a tu proyecto.

Producto:

CSS: