【javascript】挙動を実現する実装方法が分からない【Jquery】

実現したいこと

下記添付gif（以下「画像①」とする）の動きを再現したい

自分で試したこと

「javascript 画像　切り替え」
「jquery 画像切り替え」
「javascript 左から右に切り替え」

等でネット検索。
クロスフェードイン、時間経過によって画像が切り替わる実装については確認できた。
一方で、画像が左から右に上書きされていくようなサンプルを見つけることができなかった。

整理できたこと

・下記参考URLの挙動が一番近い
・setInterval内の関数に「一定時間で/imgタグのsrcを変える」と記述する
・しかし、画像①のアニメーションはプラグインによるものなのか、CSSで表現できるものなのか調べても分からなかった

※参考URL https://qumeru.com/magazine/337

まとめ

調べる力、知識不足からくる質問となり、申し訳ございません。
ヒントや方針のみのアドバイスでもいただければ大変助かります。

当方、HTML.CSS.JS初学者です。
質問内容、分かりづらい箇所あれば厳しくご指摘いただければと存じます。

何卒よろしくお願い申し上げます。