Максим Виксна, у вас после каждой анимации происходит удаление класса, соответственно, позиция сбрасывается к исходной. Делайте одну общую анимацию.
Либо пишите CSS-анимации последовательно в JS-функции нативными средствами.
Либо пользуйтесь чем-то типа GSAP, где это более автоматизированно с помощью JS.
Роман, ничего не исчезнет, если вы сделаете обработчики на JS. Сделайте отдельный класс с нужными стилями, который будет добавляться, если поле активно.
Умные люди советую на поля ставить readonly. Тогда системная клавиатура не будет появляться, но можно будет ловить клики по полям и с помощью той JS-клавиатуры вбивать нужные данные.
Копируйте содержимое нужного файла скриптов, блокируете его загрузку через инструменты разработчика, модифицируете данный файл, после чего исполняйте его на нужном ресурсе. Если там нет сложных штук, то должно сработать.
Либо пишите CSS-анимации последовательно в JS-функции нативными средствами.
Либо пользуйтесь чем-то типа GSAP, где это более автоматизированно с помощью JS.