Summary Block - Limit to 3 columns (on wide screens)

Site URL: https://reindeer-coral-hlxm.squarespace.com/cookies-delivered

Hi, 

I want to limit the summary block to show 3 items per row on wider screens. I have tried adding:

@media screen and (min-width:1875px) {

.sqs-gallery-design-autogrid-slide {
  width: 29% !important;
  clear:right !important;
margin-left: auto;
    margin-right: auto;}
  } 

But the spacing goes really weird - see screenshot. I'd also like them to be central below the image. 

Thank you! 

https://reindeer-coral-hlxm.squarespace.com/cookies-delivered

SITE PASSWORD: hello

Hi

Use this code in Design -> Custom CSS

@media screen and (min-width:1875px) {

.sqs-gallery-design-autogrid-slide {
  width: 33.3% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: right !important;

  }
    .sqs-block-summary-v2 .img-wrapper img.loaded{
        width: 100% !important;
        height:auto !important;
        margin: 0 auto;
        padding: 0 15px;
    }
  } 

Also, please check these free summary styles.
 

Please use the like button if it helps you!

Best,
Leopold

Thank you so much!