I'm banging my head on this one. If I have an image and I want to swap it at a certain breakpoint, and have it degrade gracefully in Gmail and Outlook.com, how would I do that?
I've tried having two images/columns/rows (tried all three) and setting their "hide" properties accordingly on either side of a breakpoint, but you end up seeing both images/columns/rows in Gmail and Outlook.com because of their lack of media query support.
I thought about playing with the media query to do it outside of the GUI designer, something like:
@media screen and (max-device-width: 430px), screen and (max-width: 430px) {
#Img1 {content:url("http://www.domain.com/Mobile-case-studies-1.jpg") !important; }
}
#Img1 {content:url("http://www.domain.com/Mobile-case-studies-1.jpg") !important; }
}
...but it doesn't look like you provide a way to edit source or append to the generated style block. Any ideas?