CSS - 私のマシンには背景イメージが表示されますが、私のサイトのホストされたバージョンでは表示されません...なぜですか？

Question

私のポートフォリオサイトでは、私は自分の背景イメージ用のgifを持っていました。数週間はうまくいったが、今は機能しなくなった。別のGIFを入れてみました。私のローカルマシンでは正常に見えますが、ホストにプッシュするともう機能しません。自分のコンピュータに表示される問題は何かを確認しますが、ホストされているときは確認できません。

When it's working properly on my machine - see the triangles?

When it's not working on the actual website

サイトはhttp://www.KimberlyScarabello.comでホストされています。

他の変更がうまく表示されているため、ファイルを正しく更新しているとはっきりしています。これは私が使っているCSSです。私はすでにローカルマシンにgifファイルを保存して、URLにファイルパスを入れてみましたが、それは動作しませんでした。（それは私のマシン上でも動作しますが）。

#wrapper > .bg { 
     position: absolute; 
     top: 0; 
     left: 0; 
     width: 100%; 
     height: 100%; 
     background-color: #212931; 
     background-image: url('https://media.giphy.com/media/xTg8BbPcaAP43oVyeY/giphy.gif'), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); 
     background-size: cover,        auto,              100% auto; 
     background-position: center,        center,              top center; 
     background-repeat: repeat,        no-repeat,             no-repeat; 
     background-attachment: scroll,        scroll,              scroll; 
     z-index: -1; 
     filter: brightness(10%) 
    } 

Answer 1

私にとってはうまくいきます。

これはおそらくキャッシュによって発生します。このような問題が発生した場合は、ctr + f5を使ってサイトをリロードしてください（cmd + shift + rを押してください）。それがあなたのために働かないかどうか私に知らせてください。