Unwanted interaction flickers

thanks for the help, animations are probably the most frustrating confusing thing to learn on here.
im not sure how to assign an animation to an element, so i just made a new one. also i followed your steps and the flicker still happens if i open the form, close with the x and open again with the button.

is having display none and block not a good thing with the same animation, i thought it was nessecary to make something appear and disappear, you took out the first hide/show but then that just leaves a big white space where the form should be, or did i miss something?

im confused as to why you deleted one of the opacity triggers, and confused as to which one i should keep. after i deleted one or the other the animation didnt work

i read over and followed your steps to the letter, or so i thought,i appreciate your help, this is confusing.

https://preview.webflow.com/preview/hogarths-stupendous-site?utm_medium=preview_link&utm_source=designer&utm_content=hogarths-stupendous-site&preview=dd742ee0ddebbd017a45fdc51177307b&pageId=652cb22bb62af154c4516a11&workflow=preview