Hanan1487

I need assistance with a web design task. I want to achieve an effect where an image is pinned in place horizontally when it reaches the center of the screen while scrolling, and it should remain pinned until it reaches the end of the section. A good example of this effect can be seen on the website https://sendpotion.com/ Can someone provide guidance or code to achieve this effect?