Let div push another div out of viewport (interaction)

Design help Animations & Interactions
1

Hi all,

Hope someone can help me out here. I am trying to set up an interaction that pushes my ‘slider-wrapper’ up and out of the viewport, when my ‘project-info-wrapper’ moves up, by clicking the info-icon in the upper left corner. As a workaround, I have made this possible by giving the ‘project-info-wrapper’ a height in % (and by pushing both divs up by the same %), but what I really want is to be able to give the ‘project-info-wrapper’ a flexible height, based on the content and then again move both divs up, by the same interaction.

Screenshot 2023-02-14 at 23.33.39
Screenshot 2023-02-14 at 23.33.391722×1026 10.7 KB

I hope above illustration makes it clear.

https://preview.webflow.com/preview/blend-modes-c4832f-83eb74-88bde07fe61fb?utm_medium=preview_link&utm_source=designer&utm_content=blend-modes-c4832f-83eb74-88bde07fe61fb&preview=18019344fc7b6ba0d54ab655f14be809&pageId=63d98abda2a2ed48860948fc&workflow=preview)

Hope someone can help
Thanks in advance!