Navigation Dropdown Interaction with different heights – Help

Public Share link: Webflow - Escola Nav Test

What I’m trying to accomplish:
Smoothly transitioning the dropdown height when moving from one nav link to another.
This seems to be rather tricky though. As moving the mouse from one link to another gives me a weird flickering (of the background shadow).

Does anybody have a better solution to this problem? Ideally I would also like to have the dropdown height set to auto (based on the content) instead of a fixed height.

Thanks for the help!

I think this tutorial can help:

Hi Aaron, thanks for your reply.
I saw this tutorial already, the problem is that they use a fixed height for their navigation. I would need mine to be 3 different heights, or auto-height if possible.

Then add a little bit of delay and time for the animations to show.