Replace hero image with carousel slider

[TimOsahenru]

Issue Link 🔗:

Issue: #[Issue_Number] https://github.com/BlackPythonDevs/blackpythondevs.github.io/issues/365

Type of Change

• [ ] Bug fix 🐞
• [x] New feature/page
• [ ] Documentation update
• [ ] Other

Description 📋

• What: Provide an overview of the issue this PR addresses. Explain the context and background information. Replaced the hero image with carousel slider that displays the post titles, feature images and a summary of the post

• Why: Describe why the changes are being made. Highlight key updates, new features, or bug fixes.

• How: Explain how these changes will affect the project or end-users.

Checklist ✅

• [x] Followed the Code of Conduct and Contribution Guide
• [x] Ran pre-commit run --all
• [ ] All tests pass locally
• [ ] Added tests (if applicable)
• [ ] Documentation updated (if applicable)

Additional Notes & Screenshots

Add any additional notes or comments that might be helpful for the reviewers.