Adjust images in mobile view- Two Columns?

Site URL: https://coral-icosahedron-7rhx.squarespace.com/portfolio/the-catalog

Hello, I'd like the catalog cover images in the 3rd section of my page to display as 2 side-by-side images in mobile, instead of one image. Is this possible? 

https://coral-icosahedron-7rhx.squarespace.com/portfolio/the-catalog

PW: NOTREADY100

Thanks!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1589031738619_5987+.row>.col, div#block-yui_3_17_2_1_1589031738619_5987+.row>.col>.row>.col {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
}
div#block-yui_3_17_2_1_1589031738619_5987+.row>.col:last-child {
    display: block;
}

}

@tuanphan

Thank you! I'm getting some gaps and then the final catalogs are appearing as 1 ups, any way to fix those issues? Thank you!