How to create this hover animation

Hey all,

I’ve been trying to create a pop up animation when the user hovers over the timeline sections above the footer (‘Prehistory’, ‘First wave’, ‘Second wave’ and so on), but have found that most of my efforts have failed.

Getting the pop up section behind to have excess background texture ready/behind the foreground section is proving troublesome. So my efforts have looked like this:

I think it could look like this:

Any thoughts on how to achieve this? I’ve been using the mouse over element animation.

Hope you’re all safe and well.

Dan

Here is my public share link: https://preview.webflow.com/preview/making-space?utm_medium=preview_link&utm_source=designer&utm_content=making-space&preview=ebf1b2ed94966417cf88abcf6dd50727&mode=preview
(how to access public share link)

Hey all,

Has anybody had any thoughts on how to achieve this?

Thanks,
Dan