Single Column Grid Gallery On Mobile

Site URL: https://rangework.co/industry

I am trying to customize my site using CSS to make it so that my two column grid galleries only display as a single column while viewing the site on mobile. 

Nothing I've come accross has helped so far. I've used ChatGPT to make some custom code already to apply a hover effect to my grid gallery images and show the description of each image as a hover title. Not sure if that is interfering at all but even ChatGPT cannot come up with a code to help me achieve this.

@NicholasThielmann Hi! You can add this code under Website > Pages > Website Tools > Custom CSS to display the gallery grid as a single column on mobile.

@media screen and (max-width: 767px) {
    .gallery .gallery-grid--layout-grid .gallery-grid-wrapper {
        grid-template-columns: 1fr !important;
    }
}