Очевидно, что для плавности нужно чтобы был переход из старой картинки в новую. Нельзя просто взять вы выключить одну и показать другую, чтобы было плавно. Поэтому вам нужно показывать 2 сразу, но так, чтобы старая плавно исчезала, а новая плавно появлялась. Думаю у вас вполне хватит навыков написать нужный код.
helpmeplease196, у вас в кавычках контекст css, а вне кавычек контекст js. Почему вы включаете js-переменную в контекст css не закрыв кавычки? "calc( var(--n) + var(--top) + " + mo + ")"
Модельный код выложите. Общее правило - родительскому элементу обязательно дается position: relative, это означает, что отсчет координат для абсолютно позиционированных дочерних элементов происходит именно от родительского элемента.
css grid, только учтите, что обычное дело на десктопах навигация по форме с помощью tab. Если блоки только визуально переставлены, то у пользователей возникнет недоумение, почему после e-mail идет фокус на текст, а не на кнопку отправить.
Timur Akzakov, без него все время будет так - вы говорите, что было X звонков - они что было Y. Взаимное недовольство и как итог прекращение сотрудничества.