hover on image on the main page

[Code-eat-sleep-include]

Related Issue

Hover effect on image on the main page

Description

Better UI.

Type of PR

• Feature enhancement

Screenshots / videos (if applicable)

Checklist:

• [ X] I have performed a self-review of my code
• [ X] I have read and followed the Contribution Guidelines.
• [ X] I have tested the changes thoroughly before submitting this pull request.
• [ X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [ X] I have commented my code, particularly in hard-to-understand areas.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
codeharborhub-github-io	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 23, 2024 6:16pm

[deepsource-io]

Here's the code health analysis summary for commits 4c097d2..be795cc. View details on DeepSource ↗.

Analysis Summary

Analyzer	Status	Summary	Link
JavaScript	✅ Success		View Check ↗

---

💡 If you’re a repository administrator, you can configure the quality gates from the settings.

[ajay-dhangar]

You can update and replace

previous code

.chh__header-image img {
  width: 100%;
  height: 100%;
  border-radius: 10% 40%;
}

New Code

.chh__header-image img {
  filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.6));
}

.chh__header-image img:hover {  
  filter: drop-shadow(10px 10px 20px rgba(169, 158, 158, 0.6));
}

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[Code-eat-sleep-include]

@ajay-dhangar Made the req. changes.

[ajay-dhangar]

Done