Animating menu with an extra animation (additive?)

Hi, I have a mission menu that have 3 missions ( they are panels) and a rank level with a slider for the exp as follow


I have an entry animation , an exit animation, animations to move out of the screen missions(when they are complete) and animations to move in mission into the screen, however, every time the user complete the mission and it get a rank level up , I want to make an animation on the rank number.

The problems come with the animation controller and blends animations.

My controller looks like this


The flow is :

Menu enter in the screen > Go Idle > user tap on the mission that is complete (mission 1 for example) > mission 1 go out of the screen > rank level up animation.

The problem is that the animation of the rank number was made with all mission in the screen, so If I try to transition between "mission 1 go out of the screen" and "rank level up animation" the mission 1 comes again as a result of blending both animations, This force me to make 3 "rank level up animations" , one for every mission.

Is there any way where I can play the "rank level up animation" in adition of the current animation instead of blending it?

I tryed with additive layer, but my canvas got meshed up, I also tryed with legacy animation but animation just doesn't start


If you need more info don't hesitate of ask it, I can update with more info