Space under footer

Can someone help me figure out why I have space under the footer? It only shows up on preview mode.

Here is my site Read-Only:

Hey Kim, nice portfolio site!

It caused by the interaction on the flower image on the footer.

You can fix it by:
• Remove the absolute position and transform from the flower img, set the image to be 30%(ish) width.
• Position the parent container - transform: y - 50% will probably do the trick.

That should sort it.

Hope that helps!

I tried but this would mess up the rotation interaction of the flower. I’ve figured it out by putting the flower into a grid! Thank you though