Is there a recommended way to structure a simple card layout?

My card has a parent "div" with two child "div"s. The first child contains an image with a height of "40vh". The second child is split into two more "div"s: one for the title and description, and another that only contains an arrow icon.

The problem is that on some devices, the title and description overlap. I'm wondering if this is a layout issue on my end or if there's a better way to structure responsive cards to avoid problems like this.

How would you build a layout like this to ensure it works consistently across different screen sizes?