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 */

web/app/themes/la_mine/templates/single.twig

@@ -7,16 +7,16 @@
 		</div>
 
 		<article class="row">
-			<div class="header mobile col-12 d-md-none d-block">
+			<div class="header mobile col-12 d-lg-none d-block">
 				<h3 class="titre_event">{{post.titre}}</h3>
 			</div>
 
-			<div class="__img_event col-md-6 col-12">
+			<div class="__img_event col-lg-6 col-12">
 				<img src="{{ Image(post.image_event).src }}" />
 			</div>
 
-			<div class="article-content col-md-6 col-12 mt-3 my-md-0">
-				<div class="header d-none d-md-block">
+			<div class="article-content col-lg-6 col-12 my-3 my-lg-0">
+				<div class="header d-none d-lg-block">
 					<h3 class="titre_event">{{post.titre}}</h3>
 				</div>