How to make an absolute positioned accordion div push down elements below

Hello,
I am trying to make rows of images as triggers for separate dropdown menus. I needed to change the default webflow dropdown function as such that each dropdown list has to be full width with the row of images above and start at the beginning of each row. For this, I had to make relative/absolute positioning for the image row and dropdown containers, respectively. The problem is because of the nature of the absolute positioning, my dropdown list behaves as such and doesn’t push down the image row underneath. Is there a workaround this? Help is appreciated!! Thank you.

Here is my read-only test page.

https://preview.webflow.com/preview/dermpathexplorer?utm_medium=preview_link&utm_source=designer&utm_content=dermpathexplorer&preview=294feb46c42820c36edf2524e882b34e&pageId=618ee7036e8d9051386c3c34&workflow=preview


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