webサイト作成で画像にエフェクトをつけたい。liquid distortion effectsを使おうと思ったがうまくいかない。利用方法もしくは他の手段を教えてください。

前提

webサイトを作成しようとしている
画像にエフェクトを反映させたい
HTML、CSS、JavaScriptを使用

実現したいこと

• liquid distortion effectsを反映させたい

liquid distortion effects' github

• もしくは、上記のエフェクトを使わずに他の手段で蜃気楼のように画像を歪ませたい

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

Githubからliquid distortion effectsをダウンロード
index.htmlを開く

画像が表示されない　←現在

chromeで開いたとき

Failed to load resource: net::ERR_FAILED
DevTools failed to load source map

firefoxで開いたとき

WebGL context was lost.
WebGL warning: drawElementsInstanced: Tex image TEXTURE_2D level 0 is incurring lazy initialization.

利用方法もしくは画像を蜃気楼のようにゆらゆら歪ませる他の方法を教えていただけたら幸いです。
どなたか、どうかよろしくお願いいたします。