Making the grid items clickable only when hovering over the pictures

[boltkk95]

Issue 📐

• I boltkk95 have worked for #106

Guidelines 🔐

I accept the fact that i have followed the guidelines and have not copied the codes from around the internet

• [x] Contribution Guidelines
• [x] Code of Conduct

Issue to be closed 🛅

• My pull request closes #106

Screenshots 📷

Here are the pictures of changes that i have made 🔽

---

[netlify[bot]]

✅ Deploy Preview for uemcrp ready!

Name	Link
🔨 Latest commit	3f702546db65bdd20e75e4bdc61e9938b264724d
🔍 Latest deploy log	https://app.netlify.com/sites/uemcrp/deploys/635ad3d5f499fa0008948a87
😎 Deploy Preview	https://deploy-preview-107--uemcrp.netlify.app/
📱 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 settings.

[boltkk95]

sorry about that,on it

[boltkk95]

@warmachine028 the issue was not able to get resolved completely as the mui library was very complicated when changing the styling. i have changed it as it gets an overlay when hovering for now. please check it .

let me know your thoughts

[warmachine028]

LGTM✅