@media actu

web/themes/custom/eql/css-compiled/styles.css

@@ -896,6 +896,9 @@ a {
         font-family: "Source Code Pro";
         font-size: 2.5rem;
         font-weight: 500; }
+        @media (max-width: 810px) {
+          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+            font-size: 1.9em; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
       grid-column: 2 / span 3;
       text-transform: uppercase;
@@ -930,24 +933,24 @@ a {
           grid-column: 2 /span 9; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
       grid-column: 5 / span 9; }
-      @media (max-width: 568px) {
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
-          grid-column: 3 /span 9; } }
-      @media (max-width: 499px) {
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
-          grid-column: 2 /span 9; } }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
         padding-top: 2rem;
         width: 600px;
         max-height: 360px;
-        object-fit: cover; }
+        object-fit: contain; }
       @media (max-width: 1008px) {
         .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
           width: 100%; }
           .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
             padding-top: 2rem;
             width: 100%;
-            object-fit: cover; } }
+            object-fit: contain; } }
+      @media (max-width: 568px) {
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
+          grid-column: 3 /span 8; } }
+      @media (max-width: 499px) {
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
+          grid-column: 2 /span 8; } }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images blockquote {
         margin-left: 0em;
         font-size: 0.8rem; }

web/themes/custom/eql/scripts/main.js

@@ -183,6 +183,7 @@ jQuery(function($) {
       $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({
         dots: true,
         arrows: false,
+        adaptiveHeight: true,
         responsive: [
           {
             breakpoint: 800,

web/themes/custom/eql/scss/pages/_actualite.scss

@@ -66,12 +66,12 @@
                         font-family: "Source Code Pro";
                         font-size: 2.5rem;
                         font-weight: 500;
-                        // @media (max-width: 810px){
-                        //     width:  70%;
-                        //     margin-left: 10%;
-                        //     margin-right: 10%;
-                        //     font-size: 1.9em;
-                        // }   
+                        @media (max-width: 810px){
+                            // width:  70%;
+                            // margin-left: 10%;
+                            // margin-right: 10%;
+                            font-size: 1.9em;
+                        }   
                        
                     }
                     
@@ -138,40 +138,31 @@
                     @media (max-width: 499px){
                         grid-column: 2 /span 9;
                     }
-                    // @media (max-width: 810px){
-                    //     margin-left: 10%;
-                    // }
                 }
 
                 .block-entity-fieldnodefield-images{
-                    // grid-column-start: 5;
-                    // grid-column-end: 9;
                     grid-column: 5 / span 9;
-                    @media (max-width: 568px){
-                        grid-column: 3 /span 9;
-                    }
-                    @media (max-width: 499px){
-                        grid-column: 2 /span 9;
-                    }
                     img{
                         padding-top: 2rem;
                         width: 600px;
-                        // height: auto;
                         max-height: 360px;
-                        object-fit: cover;
+                        object-fit: contain;
                         
                     }
-                    
-                    // position: relative;
-                    // bottom: -50%;
                     @media (max-width: 1008px){
                         width: 100%;
                         img{
                             padding-top: 2rem;
                             width: 100%;
-                            object-fit: cover;
+                            object-fit: contain;
                         }
                     }
+                    @media (max-width: 568px){
+                        grid-column: 3 /span 8;
+                    }
+                    @media (max-width: 499px){
+                        grid-column: 2 /span 8;
+                    }
                     blockquote{
                         margin-left: 0em;
                         font-size: 0.8rem;