Corrections index projets et diaporama

- Vidéo en média d'en-tête de la fiche projet quand elle existe
  (comme la vignette d'index), sinon première image. La grille inclut
  la 1re image quand l'en-tête est une vidéo pour ne pas la perdre.
- Diaporama : images en HD (srcset @Nx via jquery.lazy) au lieu de la
  version SD 640px ; affichage plein écran sans rognage (object-fit
  contain, dimensions viewport).
- Diaporama : clic sur le fond ferme, navigation clavier (flèches +
  Échap). Indexation robuste par URL (data-src/src) corrigeant
  l'ouverture systématique sur l'image d'en-tête.
- Cartes projet mobile/tablette : titre ferré à gauche sous l'image
  au lieu d'être centré.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

user/themes/figureslibres-v2/scss/style.scss

@@ -205,14 +205,15 @@
           a {
             width: 100%;
             display: flex;
-            justify-content: center;
-            figcaption {  
+            justify-content: flex-start;
+            figcaption {
                 color: $mainColor;
                 background-color: transparent;
                 padding: 0;
                 margin-top: 5px;
                 position: relative;
                 font-size: $smallSize;
+                text-align: left;
   
               @include transition-ease-out(opacity);
               .publique-title {
@@ -546,14 +547,19 @@
         figure#cover-image {
           position: relative;
           margin-top: 3vh;
-          img {
+          img, video {
+            display: block;
+            width: 100%;
+            height: auto;
             filter: grayscale(0);
             @include transition-ease-out(filter);
             mix-blend-mode: normal;
           }
         }
         figure#cover-image-mobile:hover img,
-        figure#cover-image:hover img {
+        figure#cover-image:hover img,
+        figure#cover-image-mobile:hover video,
+        figure#cover-image:hover video {
           filter: grayscale(1);
           mix-blend-mode: darken;
         }
@@ -699,15 +705,15 @@
             display: flex;
             align-items: center;
             .swiper-slide {
-              height: 100%;
+              height: 100vh;
               width: 100%;
               display: flex;
               align-items: center;
               justify-content: center;
               img {
-                max-height: 90%;
-                max-width: 90%;
-                object-fit: cover;
+                width: 90vw;
+                height: 90vh;
+                object-fit: contain;
               }
             }
           }