Weird logo behavior when using "size" property in interactions

So I’m trying to this tutorial on how to make a custom webflow dropdown navmenu. Only problem I face is that my 2nd logo(the one that should appear in the dropdown) kinda drops down from the top and doesn’t just appear in it’s spot like the one in the video does.

I also noticed that when I close the menu and shrink it back to 0 the logo kinda appears moving diagonally to the right right before the menu closes(I tried to figure out the problem but couldn’t).

Any help would be greatly appreciated(including general website tips) and I’m sorry for the mess that is my website since it’s only my 2nd one and I didn’t optimize it yet for the 2 smallest breakpoints(I could use help for the dropdown menu background since the gradient feels too basic to me).

Thank you in advance,
Nikola


Here is my public share link: Webflow - TeamApp