Gallery works on desktop but looks bad on mobile

Site URL: https://dnsandnick.com/malaria-must-die

Hello Squarespace hivemind

I have a site for my work (with my creative partner) and we want to show award logos on each project. 

On previous pages I just made a png with all the logos on but it looks quite messy so I have tried to recreate this with a gallery, you can see this here:

https://dnsandnick.com/malaria-must-die

This is good on the desktop version but the mobile version looks messy. 

Is there a way to change the scaling on mobile or simply use a png with them all on together? 

Hopefully this isn't dreadfully basic. 

Thanks guys

D

Change to 3 logos per row or?

if you want image, you can add image under logos, then we can give the code to show it on mobile only (&hide logos on mobile)

Thanks Tuanphan. 

The latter would be amazing if you don't mind.