トップページ内のメインビジュアルをスライダータイプで表示する時に、テキスト部分にも画像を追加し表示はされるのですが、テキスト画像をアニメーション（transform）でフェードイン20px程度左から右に移動させる時に、メイン画像との時間をきっちり調整できず、できれば画像が変わるごとにタイミングを0として判断させる方法を知っている方がいらしたら教えてください。

希望としたら、メインの画像が変わるごとにテキスト部分が毎回フェードインするような感じです。
他社さんのサイト（ https://www.kamaya-oil.com/）になりますが、このような表現にしたいです。

よろしくお願いいたします。