Свойство animation-composition управляет наложением нескольких @keyframes на одно свойство — replace подменяет значение, add суммирует (например, два translate).
При конфликте transform на иконке loader задайте animation-composition: replace на второй анимации.
- [animation-composition — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-composition) — replace, add, accumulate.
---
## Поддержка
Для старых браузеров объединяйте эффекты в один keyframes-блок.