Creating an Infinite Vertical Carousel with Framer Motion

I'm working on building a vertical carousel using Framer Motion in my React application. The carousel moves downwards, but I'm facing an issue where it stops at the end and doesn't loop continuously. What I want to achieve is an infinite loop where the bottom-most picture smoothly transitions back to the top. Is there a way to achieve this, possibly with CSS or through a different approach in Framer Motion?

https://github.com/roycejwilliams/royce-portfolio-react/blob/main/royce-portfolio/src/components/Carousel.jsx
GitHub
Contribute to roycejwilliams/royce-portfolio-react development by creating an account on GitHub.
royce-portfolio-react/royce-portfolio/src/components/Carousel.jsx a...
Was this page helpful?