Implement Tilt Effect on Image Hover Using CSS

I want to add a tilting effect on the images on the Main page.
**Why?**
It will add more depth and dimensions to the webpage.
It will enhance the interactivity and visual appeal of our open-source project by adding a tilt effect to images on hover.
This feature leverages CSS to create a smooth and engaging tilt animation, making the user interface more dynamic and attractive.
**How will I implement?**
Using CSS
Here is an example attached to the raised issue to demonstrate how I want to implement