Improve homepage feature card layout

[preetk25627-dotcom]

Summary

This PR improves the appearance and consistency of the homepage feature section while preserving the existing content and overall design.

Changes

• Wrap each feature in a dedicated card container to separate layout from styling.
• Improve the feature card layout with padding, rounded corners, and consistent spacing.
• Add a subtle hover effect for better visual feedback.
• Update feature image sizing using object-fit: contain to prevent image distortion and improve consistency across illustrations.

Why

These changes make the homepage feel more polished while keeping the existing branding, content, and layout intact.

Testing

• Verified locally using the development server.
• Confirmed that all feature cards render correctly.
• Checked that hover effects work as expected.
• Verified that feature images maintain their aspect ratio without distortion.

Screen.Recording.2026-07-29.at.1.03.35_PM-compressed.mp4

[preetk25627-dotcom]

@shalithasuranga
I have addressed the homepage feature card improvements and verified the changes locally.Thank you!

[shalithasuranga]

Thanks for sending this pull request. We would like to keep the existing style :)