Swap image with media queries without using background image

I have modified a Marketo responsive email template and need to swap out the header image when the media query hits its breakpoint. However many versions of outlook do not support background images (thank you Micro$uk) so is there a way to write the CSS to swap out an image in with src and not background-image? Here is a screen shot from litmus.com you can see the image doesn't appear in many versions of Outlook.

<img src="image1"/> to  <img src="image2"/>