I Want to Change Mobile View of Summary Block

Site URL: http://www.replenishyoustudio.com

I have a summary block on my home page that shows up just fine on desktop view, but enlarges to one-per-screen on my mobile view. I'd like the images to be smaller and 2-per-scroll instead of one big square going by, so that my mobile view looks similar to my desktop view. 

This is what I'd like:

Instead of this: 

Hi!

This CSS snippet will make all summary blocks  on your home page a 2-column grid at the mobile views. Add it the the Header code injection of your home page to see this:

<style>
@media(max-width: 768px) {
.summary-item-list {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
grid-column-gap: 15px !important;
}
}
</style>