Problème d'utilisation du src-set sur balise <img>

Bonjour,

Pour gagner du temps de chargement je souhaite utiliser des images de taille différente. J'ai le code suivant:

header {
    margin-bottom: 50px;
}
#entete {
    margin: 0 auto;
    padding: 0 0 4vh 0;
    text-align: center;
    color: var(--black);
}
#fil-ariane {font-family: 'Raleway';text-align: left; font-size: 0.9rem; margin: 10px;}
#entete h1 {
    font-family: "Reenie Beanie";
	font-optical-sizing: auto;
    font-size: 3rem;
    line-height: 5rem;
    margin:  0;
    padding: 0 0 40px 0;
    color: var(--orange);
}
#entete img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
@media all and (max-width: 959px) {
    #entete h6 {
        font-size: 1.3rem;
    }
    #entete h1 {
        font-size: 1.2rem;
    }       
}
@media all and (min-width: 960px) {
    #entete h6 {
        font-size: 1.5rem;
    }
} 

<div id="entete">
    <h6>location de vacances éco-responsable en Bretagne&nbsp;Sud</h6>   
    <figure>
      <img  
        srcset="img/plage-de-trenez-moelan-sur-mer-xs.jpg 576w, 
                img/plage-de-trenez-moelan-sur-mer-sm.jpg 768w,
                img/plage-de-trenez-moelan-sur-mer-md.jpg 992w,
                img/plage-de-trenez-moelan-sur-mer-lg.jpg 1200w"
        sizes="(max-width:576px) 576px, (max-width:768px) 768px, (max-width:992px) 992px, (max-width:1200px) 1200px, 1920px"
        src="img/plage de trenez a moelan sur mer-xl.jpg"
        alt="La plage de trenez a moelan sur mer"/>
      <figcaption>La plage de Tenez à Moelan sur Mer près du gite ti Goudoul</figcaption>
    </figure>
  </div> 

J'ai mis des étoiles de couleur différente sur mes images pour repérer laquelle s'ouvre selon l'appareil (testé sur mac book, iphone, ipad). Quelque soit l'appareil je vois l'mage plage-de-trenez-moelan-sur-mer-lg.jpg.

Merci pour votre aide.
Bonne journée.
Cdt

Cette solution fonctionne:

<picture>
          <source media="(max-width:576px)" srcset="img/plage-de-trenez-moelan-sur-mer-xs.jpg">
          <source media="(max-width:768px)" srcset="img/plage-de-trenez-moelan-sur-mer-sm.jpg">
          <source media="(max-width:992px)" srcset="img/plage-de-trenez-moelan-sur-mer-md.jpg">
          <source media="(max-width:1200px)" srcset="img/plage-de-trenez-moelan-sur-mer-lg.jpg">
          <img src="img/plage-de-trenez-moelan-sur-mer-xl.jpg" alt="La plage de trenez a moelan sur mer">
        </picture>

Cdt