Equal height divs in bootstrap

I've got a site that uses bootstrap. One of the pages has this layout on desktop:

View attachment 276062
and this on mobile:

View attachment 276063
Because the text blocks aren't on the same row it's not obvious how to force them to be the same height. Do I need to place the images twice and use the bootstrap breakpoints to control when they're shown?