Gallery Blocks to Center Alignment

Hi,

I'm trying to get the logos to sit in the centre, but am having no luck.

Can someone please suggest the css code to use?

"Customers Aqua Box" HTML for reference,

__________________________________

<div class="gallery-grid gallery-grid--layout-grid" data-controller="GalleryGrid" data-section-id="6088b44b9248dd12c9215be3" data-animation="site-default" data-lightbox="false" data-width="inset" data-aspect-ratio="square" data-columns="4" data-gutter="20" data-props="{
      &quot;aspectRatio&quot;: &quot;square&quot;,
      &quot;scrollAnimation&quot;: &quot;site-default&quot;,
      &quot;gutter&quot;: 20,
      &quot;numColumns&quot;: 4,
      &quot;width&quot;: &quot;inset&quot;,
      &quot;lightboxEnabled&quot;: false
    }" data-show-captions="false" data-controllers-bound="GalleryGrid">
  <div class="gallery-grid-wrapper" style="grid-template-columns: repeat(4, 1fr); grid-column-gap: 
        1vw; grid-row-gap: 1vw;
        width: auto">
    
    <figure class="gallery-grid-item" data-show="true" data-loaded="true">
      <div class="gallery-grid-item-wrapper preFade fadeIn" data-animation-role="image" style="transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.525s;">

__________________________________

Thank you,
Shivers

Hi. Can you share link to page in screenshot? We can help easier