when hovered: <img width="510" height="240" alt="Image" src="https://github.com/user-attachments/assets/a581fd98-acc7-4f38-9dfa-8167cb888d1f" /> not hovered: <img width="489" height="67" alt="Image" src="https://github.com/user-attachments/assets/fb5f2048-8d32-4ed9-a895-bdf3833f9ac9" /> also in this area: <img width="545" height="92" alt="Image" src="https://github.com/user-attachments/assets/4e790d9f-db4f-468b-ba1f-f0df1314aed3" />
when hovered:
not hovered:
also in this area: