Display side by side images on mobile

Site URL: https://yo-studios.squarespace.com/team-yo

I have huge problems getting the images to align side by side on mobile. 

Tried a tons of code, can someone help me? 

Its for the specifik page: https://yo-studios.squarespace.com/team-yo

Code: YO2021

Ive got the pictures to display only 50%, centered with the following code. But I cannot crack how to get them to align side by side... Any suggestions:

[data-section-id="6090fe306e18c805ae8ddadf"]{
 @media(max-width:640px){
    display:block;

    .content-wrapper {
      width:50%;
    }  

//removing spaces in mobile
      .sqs-layout .spacer-block{
    display:none!important;
  }
  }
}

Hi. All images on team yo page??