Как убрать скачок изображения при загрузке?

Question

[Степан]

Здравствуйте!

На сайте чистыйдомклининг.рф сделал прелоудер.
Класс .loader с вложенным logo.svg. Сразу после body.
На десктопе все в порядке, отрабатывает как нужно.
На мобильном же, при загрузке происходит скачок изображения из правого нижнего угла в центр. (посмотрите через эмулятор DevTools Google Chrome).
Стили для прелоудера прописаны в head. Выравнивание вложенного изображения (которое скачет) через pos absolute и отрицательный margin.
Пробовал прописать стили в сам элемент - не помогает.
Пробовал выравнивание через line-height: 100vh и text-align: center родителю - скачок остается, только не из правого нижнего угла, а просто справа.
Пробовал заменить svg на png - не помогло. Задал значения высота/ширина в теге - скачет.

Сможет кто-нибудь подсказать как его зафиксировать по центру?... Буду премного благодарен!..

Comments

[ThunderCat]

так див в который оно лоадится в нижнем правом углу, он оттуда и скачет, что вы хотели? Поставьте его по центру и профит.

[Степан]

ThunderCat, как же в нижнем правом, когда у него position: fixed, top: 0, left: 0 ? Не пойму...