Anyone have suggestions on how I can transition an image height? I have a local image:

<Image src="{logo}" alt="Site logo">

On the root page, I have code setup to watch the window.scrollY and if the user scroll down, shrink the div the logo is in. However, I can't seem to get the image to transition. I tried setting the height property on the image, and set a css transition, but when it changes, the height just swaps, instead of transitioning. I tried giving the image height through css, but when it transitions, it squashes instead of of shrinking. I also tried wrapping it in a div and giving the image fill={true}, but then it just becomes giant, far from what I want.