Center Collage Images on Mobile

Site URL: https://ellifischer.de/blog/lesemonat-august-2020

Hello, 

i have a small problem with the mobile view of the pictures "Collage".

I changed the order using the following code so that text comes first and then image.  I was able to center the title and subtitle - and also the image if it is on the left in the normal view. Only the images on the right are still centered on the right. Unfortunately I can't find a code to address. Can anyone help me?

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

// Padding Between Text and Image //
@media screen and (max-width:640px) {
.sqs-block.image-block .image-caption-wrapper p {
 text-align: center !important;
}
}

@media (max-width: 640px){
.sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card {
    padding-bottom: 50px !important;
  padding-top: 30% !important;
  margin: 0 auto;
  }
}

Which images on above post? Can you take a screenshot?

@tuanphan I tried the code above and it didn't solve the issue, so I deleted it from my Custom CSS. Any suggestions for how to adjust so it looks better on mobile? See screenshots of web / mobile views attached. Thank you!

On 12/25/2020 at 5:07 AM, jillgraycen said:

 

@tuanphan I tried the code above and it didn't solve the issue, so I deleted it from my Custom CSS. Any suggestions for how to adjust so it looks better on mobile? See screenshots of web / mobile views attached. Thank you!

Can you share site url? We can help easier