отменить animation: для класса

Общее
1

Добрый день уважаемые. Вот возник такой вопрос есть ли возможность отменить анимацию для элемента с выбранным классом. Приведу пример
https://jsfiddle.net/7orvbrpp/
Цель такова - что б у элемента с классом Circle не применялась ни какая анимация ( свойство animation: игнорировалось)

Я побывал писать исключающую выборку .ggg > div:not(.Circle), и так задавать анимацию, но она мне не подошла. Элемент с классом, всё равно продолжает вертеться.
Пример довольно некрасивый, в оригинале класс .Circle присваиваться через JavaScript и меняет своего хозяина.

2

А что если просто написать animation: none; для этого элемента?

3

Пробовал, https://jsfiddle.net/7orvbrpp/2/
Оно перекрывается другими классами с анимацией, и этот div продолжает анатомироваться. .Circle < по весу .ggg > div

4

Хорошо. А почему бы не задать анимацию классу moveCircling, а у последнего этот класс убрать из html-кода?

5

Дело в том что изначально, на момент загрузки, в DOM дереве нету дива с классом .Circle . И вся система сидит без анимации. Дальше пользователь нажимает на один из элементов class=“square” и этому элементу добавляется класс .Circle а его родителю класс с анимацией. И пошла каруселька. Вот. А элемент с .Circle должен игнорировать анимацию.

6

В общем я вас поняла. Так добавьте к своему примеру js-код, чтобы вашу систему можно было потестить “в реальных условиях”. В песочнице же есть окно для js.