Afficher 2 images différentes en desktop et mobile

Hello les amis !

Débutante en html, j'utilise un template pour faire un emailing.
J'ai une balise d'image et je souhaiterai pouvoir afficher des images différentes sur desktop et sur mobile. Voici le code de base que j'ai, il affiche donc cette seule image sur desktop et mobile :

<a href="..." style="outline:none" tabindex="-1" target="_blank"><img align="center" alt="Image" border="0" class="center autowidth" src="./images/img00.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 100%; max-width: 680px; display: block;" title="Image" width="680"/>

Merci d'avance pour votre aide !

Je dirais avec srcset (mais je ne sais pas si ça marche dans un mail html)