poniyur правильно все написал, первоначальное значение свойства transform перезаписывается.
Предложу еще вариант: создать обертку с утилитарным классом, которая будет отвечать только за данную анимацию.
При таком подходе мы получаем предсказуемое поведение (обертка всегда будет работать одинаково) и возможность безболезненного переиспользовария (обертка не будет ломать существующие стили элемента). По сути мы отделяем компонент от анимации.
Например, так
<div class="k-fadeInUp">
<div class="centered-block"></div>
</div>
