Resize Gallery for Mobile

Site URL: https://aynaalondon.com

Hi - my website is nearly finished apart from one thing. I have a gallery on this page: https://www.aynaalondon.com/our-story.

This gallery is fine when viewed on the desktop:

However, when viewed on mobile, the pictures are not on one row anymore:

Is there any CSS code I can add in order to resize the gallery to ensure that the pictures are always on one row regardless of device?

Thanks,
AYNAA

.gallery-grid-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
}

1 hour ago, rwp said:

.gallery-grid-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
}

 

Perfect! This worked - thank you so much! 🙂