fix responsiveness

index.html

@@ -69,7 +69,7 @@
               <li class="is-active"><span>Home</span></li>
               <li><span>Art collection</span></li>
               <li><span>Art journeys</span></li>
-              <li><span>Art identities</span></li>
+              <li><span>Changing identities</span></li>
               <li><span>Credits</span></li>
             </ul>
           </nav>
@@ -453,7 +453,7 @@ <h2 style="font-size: 40px; font-weight: bold;">A travelling artwork and the art
                   </div>
                   <div class="col-4">
                     <img src="https://collectionapi.metmuseum.org/api/collection/v1/iiif/437255/1895951/main-image"
-                          id="jacopinodelcontemalta">
+                          id="jacopinodelcontemalta" style=" display: block; margin: auto; width: 100%; height: auto;">
                   </div>
                 </div>
 
@@ -470,7 +470,7 @@ <h2>A travelling artwork and the art of connoisseurship</h2>
                   <div class="row text-center" style="font-size: 1.3em; color: gray;">
                     <div class="col-sm zeriProgressLabel" id="zeriProgressLabel1"
                       onclick="showSectionProgress('sectionzeri', 'zeriartwork', 1, '33%');" style="color: #ed0025">
-                      <b>The first appearance</b></div>
+                      <b>First appearance</b></div>
                     <div class="col-sm zeriProgressLabel" id="zeriProgressLabel2"
                       onclick="showSectionProgress('sectionzeri', 'zeriexpertise', 2, '66%'); LeafletShowImg('leafletletterzeri', 'letter_pag1')">
                       <b>The debate</b></div>
@@ -493,7 +493,7 @@ <h2>A travelling artwork and the art of connoisseurship</h2>
                       </div>
                       <div class="col-4 align-middle">
                         <img src="assets/img/Catalogue_des_objets_d'art_ancien_1910_bnf.jpeg"
-                          id="jacopinodelcontemalta" style="display: block; margin: auto;">
+                          id="jacopinodelcontemalta" style=" display: block; margin: auto; width: 100%; height: auto;">
                         <p class="img-caption mt-1">Reproduction of the painting in the Galleria Sangiorgi catalog, Rome 1910</p>
                       </div>
                     </div>
@@ -508,12 +508,12 @@ <h2>A travelling artwork and the art of connoisseurship</h2>
                         <!-- <p id="linkzeriletter"><a href="https://fondazionezeri.unibo.it/en/photo-archive/documents-attached/correspondence-from-the-metropolitan-museum-of-art-new-york" target="_blank">LEARN MORE!</a></p> -->
 
                       </div>
-                      <div class="col-4">
+                      <div class="col-4 my-img-container">
                         <a href="https://libmma.contentdm.oclc.org/digital/collection/p15324coll10/id/188178"
                           target="_blank">
                           <img
                             src="https://libmma.contentdm.oclc.org/digital/iiif/p15324coll10/187989/full/full/0/default.jpg"
-                            style="height: 50vh; display: block; margin: auto;">
+                            style=" display: block; margin: auto; width: 100%; height: auto;">
                         </a>
                         <p class="img-caption mt-1">F. Zeri and E.E. Gardner (1986). "Italian Paintings. North Italian school”, Vicenza: Neri Pozza</p>
                         <!-- <div id="leafletletterzeri" class="leafletimg"></div>
@@ -533,9 +533,9 @@ <h2>A travelling artwork and the art of connoisseurship</h2>
                         <p>Privitera and Feinberg later demonstrated as visual connections are even closer with another painter of this circled, <b>Mirabello Cavalori</b> (Florence ?-1572). This latter appears to be the most authoritative attribution nowadays, even if some scholars have recently proposed the names of Maso da San Friano and, again, of Jacopino del Conte.</p>
                         <p>The discovery of a copy of the painting in a private collection, bearing the castle of Magione in the background, made it possible to identify the character depicted, who is supposed to be Fra Jacopo Salviati, nephew of the Grand Prior of the Knights of Malta, born in 1537 and thus 29 in 1566.</p>
                       </div>
-                      <div class="col-4 align-middle">
+                      <div class="col-4 align-middle my-img-container">
                         <img class="img-fluid" src="assets/img/Foto_Fahy_ritagliata.jpg"
-                          id="jacopinodelcontemalta" style="height: 50vh; display: block; margin: auto;">
+                          id="jacopinodelcontemalta" style=" display: block; margin: auto; width: 100%; height: auto;">
                         <p class="img-caption mt-1">A reproduction of the painting in the Everett Fahy photo archive at the Zeri Foundation, where it is classified as “Mirabello Cavalori”</p>
                       </div>
                     </div>