[Feature] : Add hover effects to cards on all pages

[SalehaTabassum]

Description

In all the pages-Simulations,3D Visualization, Quizzes , Videos we can see we have cards.

It will become more attractive if there is a hover effect. @JAYESHBATRA please assign this issue to me under GSSOC 2024 and add appropriate labels to it. Thank you.

Screenshots

No response

Checklist

• [X] I have starred the repository
• [X] I have checked the existing issues
• [X] I have read the discussion tab thoroughly and got the project idea
• [X] I am willing to work on this issue (optional)
• [X] I am a GSSOC'24 contributor

[github-actions[bot]]

Congratulations, @SalehaTabassum! 🎉 Thank you for creating your issue for Virtuo-Learn. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work! Should you have any queries or require guidance, do not hesitate to ask.

[Suruchibharti]

hii @JAYESHBATRA , I'm GSSoC'24 contributor , I have experienced in HTML, CSS, JS, and react.js , so I want to work on this issue, so, kindly requested to you to assign me the issue.