アニメーション終了後にサイトを表示させる方法

Question

前提・実現したいこと

下記のサイトを参考に、
GIFアニメ再生後に、サイトが表示される様にしたいと思っています。
まったく同じコードで記述し、
GIFアニメの秒数と同じ秒数を設定しているのですが、
最初の読み込みはGIFアニメが最初から再生されるのですが、
リロードすると、途中から再生されてしまいます。
参考サイトも、同じ様にリロードすると途中から再生される様です。

試しに、GIFアニメをリピートしない設定で保存しなおしてみましたが、
リロードすると再生されない様になってしまいました。

リロードしてもGIFアニメの最初から再生される様にしたいのですが、
何か方法はありますでしょうか？
お力添えよろしくお願いします。

■参考サイト■
https://codepen.io/giraffeweb/pen/KXdqMm

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

補足情報（FW/ツールのバージョンなど）

Answer 1

画像ファイルのon loadをトリガーにしてみるとか