responsive asso

web/app/themes/la_mine/asset/dist/style.css

@@ -37,7 +37,9 @@ html{
 
 .agenda .paralax{
   z-index: -1;
-  width: 100%;
+  position: absolute;
+  top:0;
+  width: 50%;
 }
 .les-projets .paralax{
   z-index: -1;
@@ -568,12 +570,23 @@ article .titre_event{
   margin-right: 5px;
 }
 
+article .__img_event{
+  max-height: 500px;
+}
+
+@media screen and (max-width: 576px) {
+  article .__img_event{
+    max-height: 300px;
+  }
+}
+
+
 article .__img_event img{
   position:relative;
   top: 0;
   width:100%;
-  height:auto;
-  object-fit:contain;
+  height:100%;
+  object-fit:cover;
 }
 
 .other{
@@ -732,6 +745,12 @@ body.la-collecte .__header h3{
   .gutter-sizer {
     width: 10px;
   }
+  @media screen and (max-width: 576px) {
+    .tableau_engagements > div:not(.gutter-sizer) {
+      width: calc(100% - 40px)!important;
+      margin: 0 20px 20px 20px;
+    }
+  }
 /* END PAGE ASSOCIATION */
 
 /* START PAGE privatiser-lespace */