Two column row of logos on mobile

Site URL: https://cobalt-fennel-xn4n.squarespace.com/experience-1

I am building a site on version 7.1. I am creating a page to showcase several client logos. I used code blocks to add each logo so that they are evenly sized. I would like the logos to show up in a two-column vertical list when viewed on mobile. Can anyone assist with this? Password to the site is gcre2022

Add this CSS code on Design > Custom CSS

[data-section-id="625041b0c90544190ff1f324"]{
  .sqs-col-12 > .sqs-row{
    @media(max-width: 767px){
      .sqs-col-3{
        display: flex;
        flex-wrap: wrap;
        .code-block{
          flex: 0 0 50%;
          box-sizing: border-box;
        }
      }
    }
  }
}

Thank you SO MUCH!!