GSAP Logo Shrinks On Scroll

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/ScrollTrigger.min.js"></script>
    
<script>
    ScrollTrigger.create({
     animation: gsap.from(".logo", {
       y: "45vh",
       scale: 20,
       yPercent: -150,
      }),
     scrub: true,
     trigger: ".content",
     start: "top bottom",   
    });
 </script>