Question related to Markdown Accordion

Site URL: https://www.mh316.org/hidden-bible-studes/the-god-of-new-beginnings

Password: myrtlefield

Hey, as you can see on my page I have implemented the markdown accordion feature. Within this markdown I want to implement this code: https://www.w3schools.com/howto/howto_css_display_element_hover.asp.

However, when I place it within the Markdown box, the 'hidden' text appears as seen and in a different position (below the heading). Why is this?
Thanks

Solved, needed !important in css