I’m pretty new to CSS and I’m trying to add some customization to my MailChimp newsletters. My images have text so when I make them responsive and view them on mobile, the text is too small. I want to have 2 versions: 1 image that’s visible on desktop and a 2nd image that users on mobile will see. I’m using this code, and it’s working for my on my website, but not on MailChimp.
http://codepen.io/bhoytstern/pen/yYJzJx
When I view it on mobile, I see the mobile image like I’m supposed to. If I view the email on desktop though, I see both the desktop image AND the mobile image. I do know that you have to inline CSS styles on MailChimp but as I said, I’m new at this and could really use some help!