tentative grid pour background image

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -86,9 +86,52 @@
   padding-bottom: 3rem;
 }
 
+// fond images en grille pour parallax
 
+#background {
+    background-color: #d5d2d1;
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    grid-template-rows: repeat(8, 5vw);
+    grid-gap: 15px;
+}
+
+#background img {
+    width: 100% !important;
+    height: 100%;
+    object-fit: cover;
+}
+
+.item-1 {
+    grid-column-start: 1;
+    grid-column-end: 3;
+    grid-row-start: 1;
+    grid-row-end: 5;
+}
+
+.item-2 {
+    grid-column-start: 3;
+    grid-column-end: 5;
+    grid-row-start: 1;
+    grid-row-end: 5;
+}
+
+.item-3 {
+    grid-column-start: 5 ;
+    grid-column-end: 1;
+    grid-row-start: 9;
+    grid-row-end: 6;
+}
+
+.item-4 {
+    grid-column-start: 1;
+    grid-column-end: 3;
+    grid-row-start: 1;
+    grid-row-end: 3;
+}
 
 .programmes {
+
   display: flex;
   flex-wrap: wrap;
   background-color: #d5d2d1;
@@ -101,7 +144,8 @@
 }
 
     .programme {
-      max-width: 45%;
+      max-width: 35%;
+      // min-width:
       padding: 1.5rem;
       background-color: white;
       margin: 0.4rem;
@@ -116,6 +160,7 @@
     .programme img {
       max-height: 15%;
     }
+
     .programme p {
       font-family: $font-family-default;
       font-weight: 500;
@@ -127,6 +172,10 @@
       transition:0.2s ease-in-out;
     }
 
+    // .parallax {
+    //   display: block;
+    // }
+
 //
 //     /* .titre_nsb {
 //       display: block;
@@ -298,10 +347,14 @@
 .portrait {
   // max-width:50% !important;
   background: transparent !important;
+}
 
+.portrait img {
+    max-width: 15rem !important;
 }
 
 img.portrait {
+
   width: 20%;
 }
 

user/themes/epau-antimatter/scss/template/modular/_features.scss

@@ -8,9 +8,10 @@
 
     .features {
 
-        padding: 2rem 8rem;
-        text-align: center;
-        align-content: center;
+        width: 75%;
+        margin: auto;
+
+
         @include clearfix;
 
         h2 {