I'm having trouble with a scroll interaction for my site's logo. When scrolling down, I want the image to shrink to a smaller size (which I've been able to achieve), but when scrolling back up to the top of the page, I want the image to be the size it started out at. I created a "scroll into view" interaction, but it does not seem to be working properly. Any ideas why?
Also, I would like to have the image to become fixed on the page after it shrinks, so it looks like part of the NavBar (I originally had the image placed in the NavBar container but that didn't allow for the "scroll out of view" interaction to take place since the entire container is fixed). Any ideas for how to go about making the image fixed after the shrinking (but still allow it to increase the size when at the top of the page)?
Here is my public share link: https://preview.webflow.com/preview/gsd-network?preview=7c3e962d2fc293009d4f4d32ff42a5a2