Resizing Background Images Using Media Queries Working for Webpage but not Email <p>I am working on creating a responsive email template for a client. I'm trying to get text to appear over an image, so I am attempting to create a responsive email that will display text over a fluid background image (I know...background images, emails, not a good combo, but I'm going for it). </p> <p>I am able to get the code to work perfectly on a webpage (see here: <a href="http://testwes.site90.com/NaerbyggEmailTemplateTestStylingv3.html" rel="nofollow">http://testwes.site90.com/NaerbyggEmailTemplateTestStylingv3.html</a> ) however, when I send a test email (via Mailchimp) it seems the media queries are not picking up to change the background image, so the main background image (the picture of the house, paint, green etc.) does not change size, though the rest of my media query requests are working fine (text adjusting, icons moving around, even my header logo img resizes (not a background image of course). You can see an example of the code after the email is sent here: (<a href="http://us7.campaign-archive1.com/?u=9be35a6a6ef5bf6014d5f59fe&amp;id=ac4b24cd76" rel="nofollow">http://us7.campaign-archive1.com/?u=9be35a6a6ef5bf6014d5f59fe&amp;id=ac4b24cd76</a>). </p> <p>I am really looking for any way to incorporate editable text over a fluid image for email, and I figured I'd give background images a shot. If anyone has any advice for resizing background images via media queries for email, please help! </p> <p>Thanks, <br> Wes</p>