update blog-post card color and design

[niteshkr100]

🛠️ Fixes Issue

Fixes: ##2851

👨‍💻 Description

As I have change the background color of blog-post card so that its color get match with the overall website color and also
change the text style color for better UI according to background color. HoverEffect of color is also modified according to the color change. Thus, this enhance the UI and UX of blog-post section.
The selection of color is done based on website theme color that give its look better and more attractive and professional feel.

📄 Type of Change

• Bug fix (non-breaking change which fixes an issue)
• [✅ ] New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update (adds or updates related documentation)

📷 Screenshots/GIFs (if any)

✅ Checklist

• [ ✅] I am a participant of GSSoC-ext.
• [ ✅] I have followed the contribution guidelines of this project.
• [✅ ] I have made this change from my own.
• [ ✅] I have taken help from some online resources.
• [✅ ] My code follows the style guidelines of this project.
• [ ✅] I have performed a self-review of my own code.
• [✅ ] I have added documentation to explain my changes.

Mandatory Tasks

• [✅ ] Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

🤝 GSSoC Participation

• [ ✅] This PR is submitted under the GSSoC program.
• [✅ ] I have taken prior approval for this feature/fix.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
fin-veda	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 10, 2024 6:30am

[github-actions]

Thank you for submitting your chaotic pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for getfinveda ready!

Name	Link
🔨 Latest commit	48e9cbf
🔍 Latest deploy log	https://app.netlify.com/sites/getfinveda/deploys/67305315f448fc00089b6262
😎 Deploy Preview	https://deploy-preview-3181--getfinveda.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 33 Accessibility: 66 Best Practices: 75 SEO: 73 PWA: 50 View the detailed breakdown and full score reports

---

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

[github-actions]

🎉 Thank you for your contribution! Your pull request has been submitted successfully. A maintainer from FinVeda team will review it as soon as possible. We appreciate your support in making this project better