lazy loading of info images

Author: haddadanas

index.html

@@ -92,7 +92,7 @@
           <h1 class="text-info">Masterclasses @ Hamburg</h1>
           <h2 data-i18n="about.title"></h2>
           <p data-i18n="about.description"></p>
-          <p><span data-i18n="about.github"></span><a class="btn btn-primary" role="button" href="https://github.com/haddadanas/Masterclass_UHH" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i></a></p>
+          <p><span data-i18n="about.github"></span><a class="btn btn-primary" role="button" href="https://github.com/haddadanas/Masterclass_UHH" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i>&nbsp;Masterclass_UHH @ stable</a></p>
           <p><span data-i18n="about.sponsors"></span><br><a href="https://www.uni-hamburg.de/" target="_blank" rel="noopener noreferrer"><img src="assets/img/up-uhh-logo-u-2010-u-png.png" loading="lazy" alt="UHH Logo" height="70px" id="uhh-light" title="Universität Hamburg" data-bs-toggle="tooltip"><img src="assets/img/uhh-logo-2010-farbnegativ-rgb.png" loading="lazy" alt="UHH Logo" height="70px"  id="uhh-dark" title="Universität Hamburg" data-bs-toggle="tooltip"></a><a href="https://www.desy.de/" target="_blank" rel="noopener noreferrer"><img src="https://pr.desy.de/common/desy_logo_3c_web.svg" loading="lazy" title="Deutsches Elektronen-Synchrotron, Standort Hamburg" alt="DESY Logo" height="70" data-bs-toggle="tooltip"></a><br><span class="img-remark">Logos: (<span data-i18n="about.left"></span>) &copy; UHH (<span data-i18n="about.right"></span>) &copy; DESY</span></p>
 
         </div>
@@ -114,7 +114,7 @@ <h4 class="card-title" data-i18n="about.studyTitle"></h4>
             </div>
           </div>
           <div class="col-md-6 col-lg-4">
-            <div class="card"><img class="card-img-top w-100 d-block"  alt="Elb-Akademie" src="https://www.desy.de/sites2009/site_www-desy/content/e184219/Webheader_Karriere_665x342_ger.jpg" style="background: var(--bs-light);">
+            <div class="card"><img class="card-img-top w-100 d-block"  alt="Elb-Akademie" src="https://www.desy.de/sites2009/site_www-desy/content/e184219/Webheader_Karriere_665x342_ger.jpg" loading="lazy" style="background: var(--bs-light);">
               <span class="img-remark"><span data-i18n="about.photo"></span>: &copy; DESY</span>
               <div class="card-body">
                 <h4 class="card-title">ELB-Akademie</h4>
@@ -134,7 +134,7 @@ <h4 class="card-title">Netzwerk Teilchenwelt</h4>
             </div>
           </div>
           <div class="col-md-6 col-lg-4">
-            <div class="card"><img class="card-img-top w-100 d-block" src="assets/img/CMS%20Slice.gif">
+            <div class="card"><img class="card-img-top w-100 d-block" src="assets/img/CMS%20Slice.gif" loading="lazy">
               <span class="img-remark"><span data-i18n="about.photo"></span>: &copy; CMS / CERN</span>
               <div class="card-body">
                 <h4 class="card-title">CMS Interactive Slice</h4>
@@ -144,7 +144,7 @@ <h4 class="card-title">CMS Interactive Slice</h4>
             </div>
           </div>
           <div class="col-md-6 col-lg-4">
-            <div class="card"><img class="card-img-top w-100 d-block" src="assets/img/ispy-webgl-screenshot-1.0.0.png">
+            <div class="card"><img class="card-img-top w-100 d-block" src="assets/img/ispy-webgl-screenshot-1.0.0.png" loading="lazy">
               <div class="card-body">
                 <h4 class="card-title">CMS Event Display</h4>
                 <p class="card-text" data-i18n="about.event-display"></p>