FAQ Card

Update: Thank you for all the comments and links to helpful resources. I was able to fix both issues, although the animation isn't as smooth as I'd like it. I was able to implement a version of Christian's idea within my main element.

//Original Post I have two areas I need help in:

1. How can you consistently place the floating box in about the right area?
2. How can you change an element, like the answers, from display: hidden to display: grid and have it transition in nicely?

Thanks for your help and feedback!