Make Collage Image Block Stack on Mobile

What does this code do?

This code snippet will have the image and text in a collage image block stack when viewed from a mobile device. This is beneficial for when you have a lot of text within the image block.

Code Snippets

Copy and paste this code into Design > Custom CSS

/* Collage Image */
@media only screen and (max-width: 640px) {
  .image-card-wrapper {
    margin-top: 10px !important;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
  }
  
  .sqs-block-image .design-layout-collage.sqs-narrow-width .intrinsic  {
    width: 100%;
    left: 0 !important;
  }
}

How To Use It

1. Copy and paste the code as indicated above.