animation-composition: replace и слои keyframes

Свойство 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-блок.