multiple images shrink to a grid vs. one after another mobile view

Site URL: https://www.elevateptr.com/conditions

Hi,

Is there any way to shrink down this page via css so all of the images are laid out like the desktop version of my site versus a long list?

Thanks for the help!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5eaee92e0267457d2710b7a2>.row:nth-child(n+2) .span-2 {
    width: 50% !important;
    float: left !important;
}
}

@tuanphan with the css below the hyperlinks do not work on mobile.  Is there a work around to fix this?

On 9/12/2020 at 10:15 AM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5eaee92e0267457d2710b7a2>.row:nth-child(n+2) .span-2 {
    width: 50% !important;
    float: left !important;
}
}