Overlay cards scale beyond parent container on hover

[Raj2raaz]

Current Behavior

The overlay cards (top-left and bottom-right) scale up on hover using scale-105. However, when hovered, they overflow or extend beyond the bounds of the parent image container, especially on smaller screens. This creates layout issues and visual inconsistency.

Desired Behavior

The overlay cards should scale smoothly on hover without exceeding the boundaries of the parent container. The hover animation should remain contained within the image card by using proper transform-origin and ensuring the parent container handles overflow correctly.

Screenshots / Mockups

20250703-1727-28.3837811.mp4

Environment

• Operating System: Windows
• Browser: Chrome

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• I am willing to contribute to the resolution of this issue.

[Atikrg]

I would like to work on this issue

[Atikrg]

Please review

[FirePheonix]

Hey, uhm... it's supposed to be working that way. We added the hover option to make it look like it's coming out of the image.
But anyhow, if you feel like your change would make it look prettier, do attach a screen recording along with that and i'll see. New suggestions are always welcome.

[Raj2raaz]

@FirePheonix I have already worked on the issue and attached the PR #267 for reference. There I have attached screen recording also.

[FirePheonix]

I saw your PR. I think let it be as is for now.
For now just work on the navbar Dropdown #270