Newbie! How to change the direction of a dropdown bar?

Hi everyone!

On my website I have these information bars that slide open like on this page: https://preview.webflow.com/preview/esmeraldas-dynamite-project?utm_medium=preview_link&utm_source=designer&utm_content=esmeraldas-dynamite-project&preview=910b01dfa533ef9bc6381e5f36868a71&pageId=5f4f10e1d4b1d31cf0cae5cb&mode=preview

But on this page the bar seems to slide open upwards, instead of downwards, which is creating a problem for me as I won’t be able to fit in all the information without it overlapping other sections.
I’ve tried everything, but as a newbie I’m sure there’s something I’ve missed. Could someone please help me out in steps? Thank you lots! https://preview.webflow.com/preview/esmeraldas-dynamite-project?utm_medium=preview_link&utm_source=designer&utm_content=esmeraldas-dynamite-project&preview=910b01dfa533ef9bc6381e5f36868a71&pageId=5f4f10e1d4b1d30228cae5e3&mode=preview

https://preview.webflow.com/preview/esmeraldas-dynamite-project?utm_medium=preview_link&utm_source=designer&utm_content=esmeraldas-dynamite-project&preview=910b01dfa533ef9bc6381e5f36868a71&pageId=5f4f10e1d4b1d30228cae5e3&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hmm they both look to me like they’re sliding down, although the rest of the page is shifting to account for the change in size which makes it seem to slide up.

To help with this effect, you can set the alignment of your dropdown holder to “Top” and remove the max-height of the part 2 div:

image

image