Collage Images Stacking out of Order on Mobile

Site URL: https://www.womeniveloved.com/

Hi there!
I am using the collage image feature on squarespace and have numbed each image. Everything displays in order on desktop, but on mobile loads all of the left side first and then all of the right, rather than tucking one under another. Any recommendations on how to fix?

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
body#collection-5e59919e6c596c3aff7995a2 .image-block-v2 .intrinsic {
    left: 0 !important;
    width: 100% !important;
}
body#collection-5e59919e6c596c3aff7995a2 .image-block-v2 .image-card-wrapper {
    width: 100% !important;
    margin-top: 10px !important;
}
}