animation-composition: replace и слои keyframes
Когда add ломает transform, а replace — нет.
Свойство `animation-composition` управляет наложением нескольких `@keyframes` на одно свойство — `replace` подменяет значение, `add` суммирует (например, два translate).
При конфликте transform на иконке loader задайте `animation-composition: replace` на второй анимации.
- animation-composition — MDN — replace, add, accumulate.
Поддержка
Для старых браузеров объединяйте эффекты в один keyframes-блок.