Equal height grid with alternate image/text

Hi! I’m trying to create a three column grid with equal height. Column one is image first, then text. Second is text first, image after. Third one is image first and then text. I can’t get it to line up properly, the images and text fields should have the same height so the images align (first image’s bottom should align to the second image’s top and then the third should align like the first, full width, see included mockup.)
I’ve tried using one third columns, then it looks fine on a desktop, but on smaller screens of course the wrong text follows the first image and so on. I’ve also tried using a grid, but then I can’t get the heights right. I really hope you can help, I’ve had tremendous help from your support before.

Thanks in advance /Michael