Images from gallery on mobile are side by side

Site URL: http://lckdn20.com/

Hi there,
I have created a gallery, which displays images in a 3x3 format for desktop. That all looks great.
However, when viewing in mobile, the images display 2 per row. What I'd like, is one image per row, so that they are a lot larger and ,ore appealing.

Please help, thanks

Dave

Add to Home > Design > Custom CSS

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

@tuanphan you're a legend, it worked perfectly!

Thank you so much

Dave