Implement Tilt Effect on Image Hover Using CSS

[nikki-05]

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

[github-actions]

Hello @nikki-05,

Thanks for creating this issue and contributing to Hairify!

We will review your issue soon and provide feedback.

If you're interested in working on this issue, make sure you get yourself assigned before starting your work.

Please ensure that you have followed the contributing guidelines for a smooth review process.

[afeefuddin]

Unclear description!

[nikki-05]

Unclear description!

I updated the issue, if needed I will explain more