<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/lettering.js/0.7.0/jquery.lettering.min.js'></script>
<script>
  jQuery(".animatedRight h2").lettering();
  jQuery(".animatedLeft h2").lettering();
  gsap.from(".animatedRight span", {
        delay: 0.8,
        duration: 1.5,
        scale: 1,
        opacity: 1,
        x: -150,
        autoAlpha: 0,
        filter: "blur(100px)",
        stagger: {
            from: "start",
            each: 0.05
        }
    });
    
    gsap.from(".animatedLeft span", {
        delay: 0.8,
        duration: 1.5,
        scale: 1,
        opacity: 1,
        x: 150,
        autoAlpha: 0,
        filter: "blur(100px)",
        stagger: {
            from: "end",
            each: 0.05
        }
    });
</script>
<style>
    #animated span {
        position: relative;
    }
    
</style>