Text Hover Solution for description

Hi,

I have a large amount of text on this page:
https://www.child-matters.co.uk/paediatric-first-aid-courses/paediatric-first-aid-courses-for-child-care-professionals/

I would like to put the text within the grey “Course Curiculum” box into a rollover hover description over the words “Course Curriculum”.

So when the mouse rolls over these words a text box will appear with the full curriculum showin, when the mouse moves away then the box disappears.

Another option is to have a drop down area of text to show the full curriculum, which can then be hidden again as the viewer wishes.

Is there a widget or simple piece of html code that would do this for me?

Thanks in advance
Harriet