Skewed 'scroll into view' animation

I have a div (class: CTA-button) that is skewed and I want to apply an animation on it.
When I do so, the div is jumping back to it original state. (You can find this CTA button above the footer.)

Do I have to add a skew to the div under interactions and set it as initial state? Or is there another way?

You can find the div above the footer.

Here is my public share link:
https://preview.webflow.com/preview/daiky-web?utm_medium=preview_link&utm_source=designer&utm_content=daiky-web&preview=9790d18e15b966e440f7b669edb77bf9&pageId=602c01fffaac66408167d21a&mode=preview