Easy/standard way for a page of external links

I am trying to mimic pages I've seen on other sites but unable to meet all of my requirements.  I want:
1. An image

2. A title

3. A caption.

Three sections, grouped together, with everything linking to the same external site. I was hoping to have 3 or 4 columns, centered on the page, and flexible/fluid enough to adjust to screen widths and appropriately collapse to smaller columns.

When I made 3 individual columns, and created an image/text/text for each link, they couldn't be properly centered. With 24 total columns on the section, if I want a gap between each column it ended up being 7+1gap+8(automatically resized)+1+7.  If I make each column 8 columns wide and used the 'gap' style, then the columns expanded beyond the desired width of the page, to the right, making it not centered with the header of the page.  Plus this method requires manual design in mobile view, and adding additional links requires three blocks every time.

I've tried various new page types, and they have a good method of managing the content. But I cannot make the image a link.

This seems to be a standard portfolio page, but I can't figure out what block or page type I should be using. An example page that I'm trying to emulate is: https://www.minnadubin.com/writing

Have you tried using List (People) section yet

Or Blog Page (with option Source URL)

Thank you for responding Tuanphan.  The People section does not have URLs associated with each list item. The layout is perfect otherwise.
I tried the blog page solution as I saw a video explaining the source URL, but again the URL is only applied to the title, not the image.