canvasで切り抜いた画像のスライダーの作成(javascript/html/css)

https://www.teinei.co.jp/ こちらのページのようにcanvasで作られた画像に切り抜きマスクされた形で スライダーを実装したいのですがコードをみたのですが vendors.jsに書かれていますが複雑で理解できませんでした・・ こちらのサイトのコードをわかりやすい形に作り替えていただきたいです。 形をほかの形のパスに変更・線で縁取りしやすようにしていただきたいです。 もし可能であればslick等プラグインでスライダーを実装できるとうれしいです。 背景にアニメーションが入るため画像を前に置き、後ろでスライドするのは不可です。 もしjsの書き方をみたいので似たようなjs制作物があれば提案時に拝見させてください。