Почему при удалении класса css анимация откатывается назад рывком?

Здравствуйте. По логике, при изменении чего либо, при условии, что у нас прописан "transition: all" все изменения должны происходить плавно. Но почему-то оно так не работает.

Появление у меня через @keyframes, а при удалении показатели должны просто вернуться к исходному, но оно так не работает. Оно уходит рывком.
Если убрать @keyframes и отрабатывать просто изменение класса без него, то оно будет работать, но у меня на деле не такая простая анимация появления, поэтому без @keyframes тут никак.
Подскажите, почему с @keyframes удаление класса происходит резко и как сделать, чтобы оно было плавным?

Мне нужно не произвести обратную анимацию @keyframes, а просто изменить текущие показатели на предыдущие.