[Bug]: Unable to select or interact with cards in "Top Destinations" carousel

[Vipeen-Kumar]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

I encountered an issue in the "Top Destinations" section where the destination cards are not selectable. When attempting to click or hover over a specific card to view details (or stop the rotation), the elements are unresponsive, making it impossible to interact with the content properly.

###Steps to Reproduce:

Navigate to the "Explore Top Destinations" section of the homepage.

Wait for the carousel to rotate or manually scroll through the cards.

Attempt to click or select a specific destination card (e.g., Eiffel Tower, London Eye).

Observe that the click is not registered or the selection does not persist.

Expected Behavior: Users should be able to easily click or select a destination card to view more details or pause the animation for better readability.

Video:

Screen.Recording.2026-02-12.113540.mp4

Possible Cause: It appears there might be an issue with the z-index stacking of the carousel elements or an overlay blocking the pointer events.

Could you please assign this issue to me? I would like to submit a Pull Request to resolve it.

###On which device are you experiencing this bug?
OS: Windows 11
Browser: Microsoft Edge

Record

• I have read the Contributing Guidelines
• I'm a KWOC 2025-26 contributor
• I'm a SWOC 2026 contributor
• I'm a JWoC Mentee
• I have starred the repository

[github-actions]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀

[Vipeen-Kumar]

Could you please assign this issue to me? I would like to submit a Pull Request to resolve it.