Image Swap on Hover in Gallery with Link Through - Help Needed!

Site URL: https://elk-bison-7mfk.squarespace.com/config/

PW - laidbare

Hi all, 

I was able to achieve the above using code blocks, however on mobile the Blocks are displayed in single file on Mobile, and I would prefer that two were displayed per line as they are on desktop (which I see is possible using a Gallery Grid).

Any help will be appreciated! 

Thanks!

Add to Design > Custom CSS

/* Mobile images side by side */
@media screen and (max-width:767px) {
div#page-section-5ff75f8968a5665e1e4f0a17>.row>.span-6 {
    width: 50% !important;
    float: left !important;
}
}