Help smoothing Popup close animation

Hey guys, I’m having trouble smoothing out the animation of a popup modal closing. It seems like there are conflicting interactions, because the container part of the modal does not start changing opacity with the rest of the wrapper. I would like the popup to close with a scaling of the “pop-up container” and a fade out of the “popup wrap”, but I can’t seem to get it smoothed out.

The popup opens with the purple arrow, and then closes by either pressing the orange x or the purple background.


Here is my public share link: LINK
(how to access public share link)