GIF прекращает анимацию при отображении элемента Safari

Это сводит меня с ума. Я делаю сайт на django, и когда вы нажимаете submit на форме, форма исчезает и появляется эта полоса загрузки с анимацией. Ситуация, с которой я работаю, практически идентична этой

https://jsfiddle.net/6t5xsag8/1/

Я хочу иметь возможность использовать это на мобильных устройствах, и у многих моих пользователей есть айфоны, поэтому safari будет браузером по умолчанию, используемым для этого. Когда я скрываю и показываю элементы, gif перестает двигаться!

    function show_loading_bar() {
        document.getElementById("form").style.display = "none";
        document.getElementById("loading-bar").style.display = "flex";
    }

Если я держу gif на странице и ничего не скрываю и не меняю, он анимируется правильно. У кого-нибудь есть идеи, как это решить?

Вернуться на верх