Adding GSAP to the Divi Theme (full explanation here https://chainlinkmarketing.com/how-to-add-gsap-to-the-divi-theme-in-wordpress/)

gsap-animations.js

// wait until DOM is ready
document.addEventListener("DOMContentLoaded", function (event) {
    // wait until images, links, fonts, stylesheets, and js is loaded
    window.addEventListener("load", function (e) {
        //only run code on frontend of site (not when logged in making edits)
        if (document.body.classList.contains('wp-admin')) {
            
        } else {
            //register GSAP plugins
            gsap.registerPlugin(ScrollTrigger, ScrollToPlugin);
            // custom GSAP code goes here
            
                //small example of GSAP
                gsap.from('#example-1',{autoAlpha:0});
            
                gsap.set('.example-2',{scale:1.2});
            
            
            //end of custom GSAP for site
        }
        // end of checking logged in
    }, false);

});

Full article written on the Chainlink Marketing's website found here: "How to Add GSAP to the Divi Theme in WordPress" including:

1. Make sure you have a Child Divi Theme Installed and Activated
2. Find the appropriate GSAP files needed for your desired animations
3. Call the GSAP scripts on your site by adding them to the Header Code
4. Create a custom gsap-animations.js file to call/create your GSAP animations
5. Register any necessary GSAP plugins required for your code
6. Write your awesome code
7. Upload your new custom JS file to your site
8. Call your new custom JS file to trigger your animations