Issue with Centring Collage Images on Mobile

Site URL: http://supportwise.squarespace.com

Site: http://supportwise.squarespace.com

Password: supportwise

For some reason I cannot seem to get the 'collage' images that are right aligned to be centred on mobile. I have used this code which worked to centre the left aligned images.

@media (max-width: 640px){
  div .sqs-block-image .image-block-outer-wrapper.image-block-v2 {
    flex-direction: column !important;      
    display: flex !important;
    align-items: center !important;
    }
}

Is there a reason that the other images are still right aligned on mobile?

This is how they look on the desktop version of the site:

And this is how they look on mobile:

1 hour ago, Zanthemum said:

Site URL: http://supportwise.squarespace.com

Site: http://supportwise.squarespace.com

Password: supportwise

For some reason I cannot seem to get the 'collage' images that are right aligned to be centred on mobile. I have used this code which worked to centre the left aligned images.

@media (max-width: 640px){
  div .sqs-block-image .image-block-outer-wrapper.image-block-v2 {
    flex-direction: column !important;      
    display: flex !important;
    align-items: center !important;
    }
}

Is there a reason that the other images are still right aligned on mobile?

This is how they look on the desktop version of the site:

And this is how they look on mobile:

Hi. Add this code into CSS editor

@media (max-width: 600px) {
  .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-right .intrinsic {
  left: 0 !important;
  }
}

19 hours ago, Agha_Waqas said:

Hi. Add this code into CSS editor

 

@media (max-width: 600px) {
  .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-right .intrinsic {
  left: 0 !important;
  }
}

That worked, thank you.