Gif画像のアニメーションが再生されない。

Webページを作成しており、背景にGIF画像を使用しています。
自身のローカル内だとGIF画像が常に連続で動いているのですが、サーバーにアップするとGIF画像が数秒で止まって動かなくなります。

問題を解決する為、下記URLの内容を試みたのですがうまくいきません。
https://qiita.com/kameo0501/items/dfc2ef45a85221 …

下が、ソースコードになります。
教えて頂きたくお願い致します。

HTML：
<div class="main_page">←※今回の背景部分
<div class="main_content clearfix">
<div class="left_page">
<div id="id_top" class="title_back" >
<h2>Information</h2>
</div>
<div id="id2_top" class="box_content" >
<ul>
<li class="contents">
<span>2020/09/27</span>
<a href="" class="text_contents">新しい情報を更新しました。</a>
</li>
~~~~~~~~~~~~~~~~~~以下略~~~~~~~~~~~~~~~~~~~~~~~~~
</ul>
</div>
</div>
</div>
______________________________________________________________________
CSS：
.main_page {
background: url(../images/electronic_round_blue.gif) no-repeat;
}

_____________________________________________________________________
JavaScript：
let gifImage = document.querySelector('.main_page');

gifImage.src = '../images/electronic_round_blue.gif?' + (new Date).getTime();

No.1 ベストアンサー 回答者： fujillin 回答日時： 2020/10/12 17:30

こんにちは

参考になさっている方法は、img要素に対応する方法ではないのですか？？

一方で、ご提示のHTMLでは、対象がdiv要素の背景画像なので、もし同じ方法をとりたいのなら、背景画像に対して行わないとまったく意味がないと思われます。

別法として、Cache-Controlでno-storeを設定しておくとかでもできるかも。（←未確認です）
https://developer.mozilla.org/ja/docs/Web/HTTP/H …