fix: Images added in the Explore top destinations section #586

[nidhipai78]

Title and Issue number

Title : Images added in the Explore top destinations section

Issue No. : #586

Code Stack : HTML | CSS

Close #586

Description

Images for each of the destinations are added in the explore top destinations section. Along with it, the background of each card is added with the same image.

Screenshots

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): Since the old PR had merge conflicts this is a new PR. The old PR is Images added in the Explore top destinations section #586 #705.

Checklist:

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have gone through the contributing.md file before contributing

Additional context:

Since the old PR had merge conflicts this is a new PR. The old PR is #705.

Are you contributing under any Open-source programme?
I am a GSSOC'24 Contributor

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	ab647a7
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/66607b7d2d29a400082b9a0e
😎 Deploy Preview	https://deploy-preview-760--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[apu52]

@nidhipai78 thanks for your valid contribution.