スライダーライブラリ「Swiper.js」とTweenMaxを使用し、スライド切り替え時にアニメーションを行いたい

スライダー「Swiper.js」とアニメーションライブラリ「TweenMax」を使用して、
スライドが切り替わる度ににタイトルの画像をアニメーション表示させたいのですが、うまく行きません。

html
1<div class="swiper-container">
2    <div class="swiper-wrapper">
3        <div class="swiper-slide">
4            <div class="img"><img src="https://placehold.jp/000000/ffffff/1800x400.png" alt=""></div>
5            <p class="ttl"><img src="http://placehold.jp/cc9999/000000/250x50.png?text=タイトル" alt="タイトル"></p>
6        </div>
7        <div class="swiper-slide">
8            <div class="img"><img src="https://placehold.jp/1800x400.png" alt=""></div>
9            <p class="ttl"><img src="http://placehold.jp/ff0000/ffffff/250x50.png?text=タイトル" alt="タイトル"></p>
10        </div>
11    </div>
12</div>
13<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.0/css/swiper.min.css">
14<style>
15    .swiper-slide {
16      width: 100%;
17      position: relative;
18    }
19
20    .swiper-slide img {
21      width: 100%;
22    }
23
24    .swiper-slide .ttl {
25      position: absolute;
26      top: 50px;
27      left: 50px;
28    }
29</style>
30<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
31<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.0/js/swiper.min.js"></script>
32<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>
33

「Swiper.js」は表示されているスライドにclass【swiper-slide-active】が付与されるため、
下記のように、アニメーションするのは親要素にclass【swiper-slide-active】を持つ.ttl、として指定したのですが、
一枚めだけにアニメーションがついている状態です。
また、非表示になっているスライドにもclass【no-swipng】を設定し、非表示になった時も非表示のアニメーションを行いたいのですが、
これも動いていません。
（下記では省略していますが、本来は複雑な動きなのでTimelineLiteを使用しています）

js
1<script>
2    let swipeOption = {
3        loop: true,
4        effect: "fade",
5        noSwiping: true,
6        allowTouchMove: false,
7        noSwipingClass: "no-swipng",
8        autoplay: {
9            delay: 6000,
10            disableOnInteraction: false,
11        },
12        speed: 2000,
13    };
14    new Swiper(".swiper-container", swipeOption);
15    var swipeIn = new TimelineLite();
16    swipeIn.set(".swiper-slide-active .ttl", {
17        autoAlpha: 0,
18    })
19        .to(".swiper-slide-active .ttl", 1, {
20            autoAlpha: 1,
21        });
22
23    var swipeOut = new TimelineLite();
24    swipeOut.to(".no-swipng .ttl", 1, {
25        autoAlpha: 0,
26    });
27
28</script>