Hi, I designed a responsive email with several elements each one with a main image.

I have set:

img { max-width: 320px !important; height: auto !important; } 

To prevent that images breaks in iphone resolution and higher but then, images that are smaller than 320px scale to this width, so I fixed it with:

img { max-width: 100% !important; width: auto !important; height: auto !important; }  

This works for element´s main images but then, the business logo resizes to 100% of its parent container. ¿How I get the best of each solution?