[Docs] Kanvas feature card appears in hover state by default on initial page load

[piyushtripathi9424]

Current Behavior

When navigating to the Kanvas documentation page, the Kanvas feature card is displayed in its hover state immediately after the page loads, even though the cursor is not hovering over it.

As shown in the attached screen recording, hovering over the Layer5 Cloud card temporarily removes the highlight from the Kanvas card. Once the cursor leaves, the hover effect returns to the Kanvas card, making it appear as though it is permanently hovered.

Expected Behavior

The hover styling should only be applied while the cursor is actively hovering over the respective card. On initial page load, all cards should appear in their default, non-hovered state.

Steps to Reproduce

1. Open the Kanvas documentation page.
2. Observe that the Kanvas feature card is already highlighted without any hover interaction.
3. Hover over the Layer5 Cloud card.
4. Move the cursor away.
5. Notice that the hover effect returns to the Kanvas card even though the cursor is no longer hovering over it.

Screen Recording

issue.video.mp4

[Himanshujha7]

Hi @piyushtripathi9424
Could you please assign this to me? I would love to contribute to this.