The black color text doesn't match the background image of slick carousal.

[Chelsea67jain]

I observed that the black color text doesn't match the background image of the slick carousal. We can either change the image or remove the text from the background for smaller screen sizes by simply adding max-sm:hidden inside the div enclosing the whole text.

Screenshots:
Before making the changes:

After making the changes:

@mohitparmar1 Can you assign me this issue under GSSoC2024?

[github-actions]

Congratulations, @Chelsea67jain! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines