CSS animation not working

Question

I can’t get the second animation to trigger but the first one does. @keyframes finishbox animates the box and @keyframes finish button is supposed to animate the buttons inside the box. The triggering event is when the words line up to say “sailboat”
https://code.sololearn.com/WTtvrA1WW3zM/?ref=app

Answer 1

Sorry but box element has an anination called insert... where you have defined it? I dont see it

Answer 2

I refer to "insert" animation... You have not defined it

Answer 3

https://code.sololearn.com/WzJqfaNDn36x/?ref=app

Answer 4

insert should help I think like KrOW said

Answer 5

KrOW in the javascript function countertest it changes the name