How to make a grid close to a column and responsiveness

hi,
I’m doing a website with frame lines (as shown below) and someone here in the forum kindly helped me and I was able to do it with div.

But the problem I’m in right now is that I can’t make it close to the photo as the image above and the text content. Besides the lines doesn’t keep proportion in tablet or mobile, it gets really small. I’ve put the image and text inside columns and the divs in a grid.

Does anyone know the solution for this issue?

here’s the link: Webflow - Norden Hospital