Using interactions, how can I vary the size of the expanded text area in a collection

Hi friends,
I have a collection of blog posts where I want to show a preview, then using interactions, open the rest of the content. A link at the bottom will lead to the blog page.

My question is, I’ve set this up, but the amount of text varies in each of these, and so I’ve set up the expanded (hide/show) to a pixel height that fits the largest amount of content. The items with less look weird, though, because there’s a bunch of empty space below. You can see here:

https://www.loom.com/share/670c25460e864b809e043271701d4d59

Is there a way to make the height variable or to make it fit each unique amount of content?


Here is my public share link: https://preview.webflow.com/preview/kac?utm_medium=preview_link&utm_source=dashboard&utm_content=kac&preview=9c2a6abd76b6307ee23df8bfdf20c60f&mode=preview

Anyone have any thoughts on this or a different way to approach?

@Tanya_Sillitti try set size 100%