tentative grid pour background image

user/themes/epau-antimatter/css-compiled/template.css

@@ -847,6 +847,42 @@ ul.pagination {
   text-align: left;
   padding-bottom: 3rem; }
 
+#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;
@@ -858,7 +894,7 @@ ul.pagination {
   padding-bottom: 8rem; }
 
 .programme {
-  max-width: 45%;
+  max-width: 35%;
   padding: 1.5rem;
   background-color: white;
   margin: 0.4rem; }
@@ -944,6 +980,9 @@ ul.pagination {
 .portrait {
   background: transparent !important; }
 
+.portrait img {
+  max-width: 15rem !important; }
+
 img.portrait {
   width: 20%; }
 
@@ -1044,9 +1083,8 @@ img.portrait {
   padding-right: 50%; }
 
 .modular .features {
-  padding: 2rem 8rem;
-  text-align: center;
-  align-content: center; }
+  width: 75%;
+  margin: auto; }
   .modular .features:after {
     content: "";
     display: table;