Added hover effect and update the page introduction to opensource

[Sneha123-zudo]

Description

Added hover effect on boxes and changed the video box of introduction to opensource , please check my pull request.

Category

• [ ] Documentation
• [ ] Resource Addition
• [ ] Codebase
• [x] User Interface
• [ ] Feature Request

Related Issue

Fixes #372

Checklist

• [x] I have gone through the CONTRIBUTING guide
• [ ] The name of the resource is spelled correctly (if applicable)
• [ ] The link to the resource is working (if applicable)
• [ ] The resource is added in the correct format (if applicable)
• [x] I have tested changes on my local computer (if applicable)

[netlify[bot]]

✅ Deploy Preview for openpedia ready!

Name	Link
🔨 Latest commit	8eb3d0b7d920c474e0fa1fc2fa18e392ed9ed87d
🔍 Latest deploy log	https://app.netlify.com/sites/openpedia/deploys/65dae2bba23aec000869ad6c
😎 Deploy Preview	https://deploy-preview-373--openpedia.netlify.app/introduction-opensource
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.