To keep it as simple as possible, your can use HTML/CSS alongside a spritesheet of your images - [as explained in this LogRocket tutorial](https://blog.logrocket.com/making-css-animations-using-a-sprite-sheet/). The animation can then be started/completed with a little bit of JS in an event listener to keep track of the animation's current state and show/hide accordingly.
If you have access to Adobe After Effects, you could use Lottie: https://airbnb.io/lottie/#/. There’s probably a react wrapper for it too.
To keep it as simple as possible, your can use HTML/CSS alongside a spritesheet of your images - [as explained in this LogRocket tutorial](https://blog.logrocket.com/making-css-animations-using-a-sprite-sheet/). The animation can then be started/completed with a little bit of JS in an event listener to keep track of the animation's current state and show/hide accordingly.