correction photos verticales diapo + dégradé liste arrêts agrandi

web/themes/custom/caravane/assets/js/vuejs/components/ImageModale.vue

@@ -28,7 +28,7 @@
               `]"
             >
               <swiper-slide v-for="media in swiperContent">
-                <figure>
+                <figure class="popup-figure">
                   <img :src="media.src" :alt="media.alt" class="popup-img">
                   <figcaption>{{ media.alt }}</figcaption>
                 </figure>
@@ -138,8 +138,9 @@ const close = () => {
             margin-top: 3%;
             max-width: 60%;
             height: 80%;
+            max-height: 80vh;
             img {
-              height: -webkit-fill-available;
+              height: -webkit-fill-available !important;
               max-width: 100%;
               margin-bottom: -5px;
               object-fit: cover;

web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleDiaporama.vue

@@ -82,7 +82,13 @@ onMounted(() => {
   --swiper-navigation-size: 1.5rem;
 }
 
+swiper-slide figure:not(.popup-figure) {
+  max-height: 40vh;
+  padding-bottom: 3rem;
+}
+
 swiper-slide img:not(.popup-img) { /* cf main.scss */
+  max-height: 35vh;
   cursor: pointer;
   transition: transform 0.3s ease-out;
   &:hover {

web/themes/custom/caravane/assets/scss/main.scss

@@ -470,7 +470,7 @@ body{
             > .layout__region--third {
               padding-right: $body-margin-x;
               height: 100%;
-              grid-column: 13 / span 4;
+              grid-column: 11 / span 6;
               position: relative;
               z-index: 2;
               background: linear-gradient(to right, transparent, #faf1eb);