Largest Contentful Paint element

Bonjour à tous,

Je me décide à venir poster sur le forum car après avoir essayé des dizaines de solutions, je me retrouve toujours avec cette erreur "Largest Contentful Paint" dans Lighthouse en mode mobile. Pourtant, mes images existent et sont bien optimisées. Le dernier essai provenait de ce site de référence, mais sans succès.

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

.flex-container {
display: flex;
flex-direction: row;
-webkit-align-items: center;
justify-content: center;
flex-wrap: nowrap;
}

.flex-item {
background-color: #ffff;
margin: 10px;
padding: 10px;
flex: 1;
align-self: stretch;
}
flex-item img {
object-fit: cover;
float: left;
margin-right: 10px;
max-width: 480px;
height: auto;
width: 100%;
margin-bottom: 10px;
}

<div class="flex-container">
  <div class="flex-item">
    <figure style="margin-left: 0; margin-right: 0;">
      <img srcset="https://phil.pecheperle.be/image-article-peche-perle/quelle-longueur-canne-pecher-gardon-perle-360w.webp 360w, 
https://phil.pecheperle.be/image-article-peche-perle/quelle-longueur-canne-pecher-gardon-perle-480w.webp 480w" sizes="(max-width: 600px) 360px,480px" src="https://phil.pecheperle.be/image-article-peche-perle/quelle-longueur-canne-pecher-gardon-perle-480w.jpg" alt="Quelle plombée pour pêcher le gardon à la perle" width="480" height="360">
    </figure>
    <div class="info-container">
    </div>
  </div>
</div>