I would like to present multiple cards containing an image, title and text. Unfortunately, the images have different sizes which causes the cards to get different heights.

Is it possible to show a variable amount of the text on each card so that they all get the same height? That is: Set all cards to a given height, output the heading, picture and then fill the rest of the available space in the card with text?

I've created a snippet here: https://mdbootstrap.com/snippets/jquery/ererling-sande-no/2091354 In the snippet I would like to make the right card the same height as the left one by showing more of the collapsed text.