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:

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:

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

@Tanya_Sillitti try set size 100%