Optilmisation SEO portrait

class.css

@@ -137,6 +137,8 @@
 .portrait img {
   padding: 2rem 2rem;
   max-width: 250px;
+  height: auto;
+  display: block;
 }
 
 .texte {

index.html

@@ -94,7 +94,14 @@
             </div>
             <div class="presentation">
                 <div class="portrait">
-                    <img src="assets/img/portraitCharlinePasteur.jpg">
+                    <img src="assets/img/charline-pasteur-avocate-nantes-droit-mineurs-900.webp"
+                        alt="Portrait de Charline Pasteur, avocate à Nantes spécialisée en droit des enfants et droit des mineurs"
+                        title="Charline Pasteur - Avocate à Nantes en droit de la famille" 
+                        srcset="assets/img/charline-pasteur-avocate-nantes-droit-mineurs-300.webp 300w,
+                                assets/img/charline-pasteur-avocate-nantes-droit-mineurs-600.webp 600w,
+                                assets/img/charline-pasteur-avocate-nantes-droit-mineurs-900.webp 900w" 
+                        sizes="(max-width: 849px) 80vw, 250px"
+                        width="900" height="1350" loading="lazy">
                 </div>
                 <div class="texte">
                     <h2>Spécialiste droit des enfants</h2>
@@ -128,7 +135,7 @@
                     </p>
                 </div>
                 <div class="specialiste">
-                    <img src="assets/img/specialiste.png">
+                    <img src="assets/img/specialiste.png" alt="logo avocat spécialisé ">
                 </div>
             </div>
         </section>