Centering Summary Block Content / thumbnails

Hi there,

I am trying to center all the content/thumbnails in all my summary blocks on my website. I started with the following code to do this:

.sqs-block-summary-v2 .summary-item-list {
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
}

This code worked well for me, but I am still facing a centering issue. When a row is filled with thumbnails, everything looks fine. However, if there are only a few thumbnails after the filled rows, such as one or two, then these thumbnails are off to the left side. Please refer to the screen clip.

I am using version 7.1.

I am hoping there is a bit more CSS code to correctly center these types of rows.

I have provided the link to the page I took the screen clip from below:

Page URL: https://www.ofwhitewalls.com/rectangle-1

Thank you in advance for any help.

I see your screenshot looks fine. Can you describe it a bit clearly?

https://www.ofwhitewalls.com/rectangle-1

the center of #13 needs to centered in the space between #8 and #9.

#13 it is displaying/placing to the left of the center between #8 and #9.