Hover highlight remains on default card when hovering over another ecosystem card

[piyushtripathi9424]

Description

Current Behavior

In the Understanding the Layer5 Ecosystem section of the Cloud documentation page, the Layer5 Cloud card is highlighted by default. When hovering over the Kanvas card, it also receives the hover highlight, causing both cards to appear highlighted simultaneously.

Expected Behavior

Only the currently hovered (or active) card should display the highlight, providing clear and consistent visual feedback.

Steps to Reproduce

1. Open the Cloud documentation page.
2. Scroll to the Understanding the Layer5 Ecosystem section.
3. Observe that the Layer5 Cloud card is highlighted by default.
4. Hover over the Kanvas card.
5. Notice that both cards remain highlighted at the same time.

Screen Recording

issue.video.1.mp4

[Himanshujha7]

Hi @piyushtripathi9424
Can I please have this assigned to me?
I have reproduced the screen on my system and could see a similar issue.
This can be solved by changing the focus mode or CSS manipulation for the card component.

I would love to contribute to this.