transition hover actualites

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

@@ -2449,6 +2449,18 @@ svg.ext {
 .path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
   width: 25%;
   flex: 0 0 25%;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  transform-origin: center;
+}
+@media (max-width: 479px) {
+  .path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
+    padding-left: 0rem;
+    padding-right: 0rem;
+    padding-top: 2rem;
+  }
+}
+.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row:hover {
+  transform: translateY(-5px);
 }
 @media (max-width: 810px) {
   .path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper {

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

@@ -19,6 +19,20 @@
                 .views-row{
                     width: 25%;
                     flex: 0 0 25%;
+                    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);
+                    }
                 } 
                 @media (max-width: 810px){
                     flex-direction: column;