footer image – keep size on responsive view?

Hi

I have added some partner logos in the footer (last column to the right) of my site via “widget blocks plugin”. Now it just gives me a wordpress editor that I can use to insert images and then put that widget block in th enfold footer areas. This is just so that I can use the enfold one_fourth, one_third etc.. shortcodes and have the images next to each other on the same footer column instead of adding another column which would make the other columns smaller and I dont want that.

Anyway the images look good on normal screen but on mobile view it expands the images max over the width and I would like to keep the images about the same size even in responsive view because the social icons remain smaller so it just looks better to also keep the images smaller.

I tried to insert them in smaller sizes via the media manger in the editor and also selecting various enfold available images sizes options alternatively but they get very blurry on retina displays. If I select enough size so that they not get blurry they become huge in mobile phone view (iphone).

How can I fix this? I dont mind if they stack up under each other in in their own row but I want them to be sharp and smaller like the social icons.