Похоже, в Firefox есть ошибка. Кажется, это может сбить с толку, потому что вы используете одну и ту же анимацию для группы #techs
и ее дочерних элементов.
Исправление состоит в том, чтобы изменить анимацию родительской группы для использования абсолютного transform-origin
. Я использовал координаты центра фонового круга. Это также имеет то преимущество, что делает анимацию вращения более плавной.
#techs {
animation: rotate 10s infinite linear;
transform-origin: 252px 247px;
}
#techs > * {
animation: inherit;
animation-direction: reverse;
transform-origin: center;
transform-box: fill-box;
}