Size transform animate issues in Interactions

Hi All

This is a constant source of frustration for me on multiple projects. I have animated a simple form modal on click which animates in fine, I have the bg modal wiping in using size from 0% to 100%… works fine, then animating out, I animate back to 0% and I have my transform-origin set to top. I preview my animation… works as it should… then I click on site preview… doesn’t work, I m just not sure where I’m tripping up here… the logic seems sound. I can get around this by just moving the 100% modal up but I don’t understand why I should have to? Your help would be really useful.

Video example here Loom | Free Screen & Video Recording Software | Loom

Here is my public share link: https://preview.webflow.com/preview/oxford-factory?utm_medium=preview_link&utm_source=designer&utm_content=oxford-factory&preview=c3c025314d185d48150c8d4cdda8d0d0&pageId=606ec30663c2979775d4d9ed&workflow=preview

https://oxford-factory.webflow.io/contact-us