<div class="container">
    <p class="above">scroll down</p>
    <img class="myImg" src="https://ljc-dev.github.io/hosted-assets/jisoo.png" alt="jisoo">
  </div>

.above{
  font-size: 1.5rem;
  text-align: center;
  padding: 60vh 0;
}
.myImg {
  height: 300px;
  position: relative;
  left: -200px;
}

gsap.registerPlugin(ScrollTrigger)
gsap.to(".myImg", { duration: 1.5, x: 200, scrollTrigger: ".myImg" })