参考サイト

gsap.matchMedia()
https://greensock.com/docs/v3/GSAP/gsap.matchMedia()

GSAP(基本機能)
https://qiita.com/takeshisakuma/items/97a7f702ec3c4f656525

GSAPを使って複雑なオープニングアニメーションを作ってみよう
https://b-risk.jp/blog/2022/05/gsap/

GSAPのScrollTrigger.jsを使ったスクロールアニメーションを実装する方法
https://yumegori.com/gsap-scrolltrigger#chapter-17

GSAP ブレイクポイント毎の挙動の切り替え

matchMedia() を使う。

// ブレイクポイント毎の挙動の切り替え
ScrollTrigger.matchMedia({
    // スマホ版での表示
    "(max-width: 767px)": function() {

        // スマホ版での処理内容
    },
    // PC版での表示
    "(min-width: 768px)": function() {
        // PC版での処理内容
    },
});