Use Poster Style Images in a Gallery (Bedford)

Site URL: https://pelitas.com/core-modules-1

Hi, I would like to create a grid of all the modules available in our platform with a description and a link to learn more. I'm able to do this with poster images, but this grid will live on several different pages so I'd really like to be able to use a gallery/summary block so I only have to update it in one place. Anyone have any ideas on how I can do this? Here's the page where I'm building it so you get an idea of what I'm going for.

https://pelitas.com/core-modules-1

pw: example

And a screenshot of the desired look (or something similar).

Hi. You can use Blog Posts + Summary Block.

@tuanphan, that will show as an image with the description and learn more (i think read more, right) below, right? 

@tuanphan, I think I just about got it figured out. https://pelitas.com/gallery-test

Not learn more buttons, but I'll live unless you know a trick. I can't find the proper code to change the font color to white other than at the sitewide CSS level. I've just used the code injection at the page level for this as I don't want to change my summary block design across the site. 

<style>
.sqs-gallery-design-autogrid .summary-content {
background: #2954bd;
padding: 20px;
flex: 1;
}
.sqs-gallery-design-autogrid .summary-thumbnail-container {
margin-bottom: 0 !important;
}
    </style>