いつも素晴らしい動画をありがとうございます。

今回のスライドショーは opacity と position:abusolute を利用して、画像自体はその場でふわりと表示されるのを繰り返していますが、
別の動画「 JavaScript でカルーセルを作ろう」のように、右から左へスライドしてふわりと表示するタイプのデザインを作りたいと考えています。

カルーセルの時と同様、まずは img 要素３つを横並べにして、translateX を使ってうまく切り替えるのかと思いましたが、
画像が左に進みすぎると右の img がなくなるので繰り返しができません。
何かヒントをいただけないでしょうか。

誠に恐れ入りますが、よろしくお願いいたします。