Scroll to make gears spin

This page contains two main elements: about me section and a project row.
The project row infinitely scrolls itself, it stops when you hover it with your cursor..
On mobile you can also scroll it yourself..
When you scroll the page, gears spin (they aren't visible on very small windows or on mobile)..
The whole page is very responsive and looks well on every screen..

(apart from default files)

mywebsite
├── public (some icons))
└── srcc
│    ├── assets� assetss
│    └── componentsmponentss
│            ├── Card.tsx    ├── Card.tsxx
│            ├── CircularImage.tsxbsp; ├── CircularImage.tsxx
│            ├── GearIcon.tsxsp;  ├── GearIcon.tsxx
│            ├── InfiniteAutoScroll.tsx├── InfiniteAutoScroll.tsxx
│            └── Typewriter.tsx;  └── Typewriter.tsxx
├── App.csss
├── App.tsxx
├── index.csss
├── main.tsxx
├── index.htmll
├── package.jsonn
├── README.mdd
├── tsconfig.jsonn
└── vite.config.jsonn