how to scale image in footer

Site URL: http://www.stapindeklei.nl/

Please can somebody help me to scale images in footer? I tried different text like this one:

 /* Resize footer images */
 @media screen and (max-width: 1400px) {

footer .sqs-image .sqs-image-content img, footer .image-block {

    transform: scale(0.2)

}}

This one works, but then the space between the images from bottom till top is way to big. How do I get the space smaller or even better: the images next to eachother?

Thank you so much for you help!

Remove your code & add new code

@media screen and (max-width:991px) {
div#page-section-61c4e29d77914a1b53c5845e .span-1:nth-child(n+5) {
    width: 33.3333% !important;
    float: left !important;
}
}

Thank you so much! That is awesome!!!

Do you also know how to solve the problem that some people see an old version (that I didn't publish) of the site or see the site in different color scheme?

Thanks again.

Another problem I have on my site is that some things look really weird on the mobile version, buttons that on the laptob version are under the right text, are in the mobile version under eachother, and not under the right text...

20 minutes ago, Sietske said:

Thank you so much! That is awesome!!!

Do you also know how to solve the problem that some people see an old version (that I didn't publish) of the site or see the site in different color scheme?

Thanks again.

13 hours ago, Sietske said:

Thank you so much! That is awesome!!!

Do you also know how to solve the problem that some people see an old version (that I didn't publish) of the site or see the site in different color scheme?

Thanks again.

Can you describe in more detail?

13 hours ago, Sietske said:

Another problem I have on my site is that some things look really weird on the mobile version, buttons that on the laptob version are under the right text, are in the mobile version under eachother, and not under the right text...

 

Which page? Can you take a screenshot?