transition hover ressources

web/themes/custom/eql/dist/assets/css/bundle.css

@@ -6668,6 +6668,18 @@ svg.ext {
   width: 20%;
   min-width: 250px;
   max-width: 500px;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  transform-origin: center;
+}
+@media (max-width: 479px) {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-track .views-row {
+    padding-left: 0rem;
+    padding-right: 0rem;
+    padding-top: 2rem;
+  }
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-track .views-row:hover {
+  transform: translateY(-5px);
 }
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper {

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

@@ -628,6 +628,20 @@
                                                         width: 20% ;
                                                         min-width: 250px ;
                                                         max-width: 500px ;
+                                                        transition:
+                                                        transform 0.3s ease,
+                                                        box-shadow 0.3s ease;
+                                                
+                                                        transform-origin: center;
+                    
+                                                        @media (max-width: 479px){
+                                                            padding-left: 0rem;
+                                                            padding-right: 0rem;
+                                                            padding-top: 2rem;
+                                                        }
+                                                        &:hover{
+                                                            transform: translateY(-5px);
+                                                        }
                                                     }
                                                 }
                                               
@@ -636,6 +650,7 @@
                                                     flex-direction: column;
                                                     .views-row{
                                                         width: 100% !important;
+                                                        
                                                     }
                                                 }