Attach text from row below images to images

[gdub132]

Hello, I created two rows on content, one with images, one with text/buttons. The text corresponds to the images they appear below. I did two separate rows so I could use flexbox to make the text lineup horizontally with itself. It wasn’t quite lining up right across the page when I had the text in the same rows as the images. But now of course it is not responsive- the text doesn’t stick with the images when the browser window is shrunk. Is there a way I can make the text stick with the image above it, even though those images are in a different row?

Webpage is https://katyawarner.co/.

Section is “Get Started By Downloading My Free Resources”

How it looks properly aligned: https://photos.google.com/share/AF1QipNHGFDXLvNKAFDNmqescsHu2i9JS0t6ymeePnPCTxL0Mw3V7Rci59TaDn5U0uSBDQ?key=YUt2SVVvMFloaVRWZm1pS3JZb1VCYUFJOExiWHJR

The problem when you collapse the browser window: https://photos.app.goo.gl/cuVp4qPXEVBdbQo88

Thanks.

[tristup]

Hi Greg,

Thanks for reaching out.
The reason behind your issue is the placement of your content. You have added two different rows one for image and one for content, you need to add the content and the image in a single column by using the row element inside the column. So your structure should be like Section > Row > Column > Row1 > Column > Image, please find the screenshot describing the settings.

Hope it helps.
Thanks