tagert blank & background flex

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

@@ -82,8 +82,7 @@ b, strong, label, th {
   #header #logo img {
     display: flex;
     flex-direction: row;
-    flex-flow: row;
-    max-height: 5rem; }
+    flex-flow: row; }
   #header.scrolled {
     height: 3rem;
     background-color: rgba(255, 255, 255, 0.9) !important;
@@ -825,9 +824,10 @@ ul.pagination {
 #logo {
   display: flex;
   flex-direction: row; }
-
-#logo img {
-  padding: 0.5rem; }
+  #logo img {
+    padding: 0.5rem;
+    max-height: 3rem;
+    margin: auto; }
 
 .callout {
   padding-top: 0.5rem; }
@@ -867,26 +867,47 @@ ul.pagination {
     width: 100%; } }
 
 .after-h1 .test {
-  opacity: 0;
-  transition: opacity 1s ease-in-out;
-  animation: anim 5s 500ms 1 normal ease-in-out forwards; }
-
-.after-h1:hover .test {
-  opacity: 1; }
+  animation: anim 2.5s 1 normal ease-in-out forwards; }
 
 .programmes {
   display: flex;
   flex-wrap: wrap;
-  background: url("/user/themes/epau-antimatter/images/14360_default_big.jpg") 0px 0px no-repeat, url("/user/themes/epau-antimatter/images/10361_web_01.jpg") 1200px 300px no-repeat, url("/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG") 0px 700px no-repeat, url("/user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg") right no-repeat;
-  /* On bottom, like z-index: 1; */
   background-color: #d5d2d1;
+  z-index: -1;
   justify-content: center;
   padding-left: 15%;
   padding-right: 15%;
   padding-top: 8rem;
   padding-bottom: 8rem; }
 
+.paralax {
+  position: absolute !important;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between; }
+  .paralax #photo1 {
+    position: relative;
+    top: -60px; }
+  .paralax #photo2 {
+    z-index: 0;
+    width: 700px !important;
+    position: relative;
+    top: 260px; }
+  .paralax #photo3 {
+    z-index: 0;
+    width: 700px !important;
+    position: relative;
+    top: 500px; }
+  .paralax #photo4 {
+    z-index: 0;
+    width: 700px !important;
+    position: relative;
+    top: 300px; }
+
 .programme {
+  z-index: 1;
   max-width: 35%;
   padding: 1.5rem;
   background-color: white;
@@ -895,7 +916,7 @@ ul.pagination {
     text-transform: uppercase;
     line-height: 1.2; }
   .programme img {
-    max-height: 15%; }
+    max-height: 4rem; }
   .programme p {
     font-family: "Sarabun", sans-serif;
     font-weight: 500;
@@ -949,7 +970,9 @@ ul.pagination {
           width: 15rem !important;
           height: 15rem !important; }
           .mozaique_personnes .equipe .personne .mozaique .photo img {
-            width: 100%; }
+            object-fit: cover;
+            width: 100%;
+            height: 100%; }
         .mozaique_personnes .equipe .personne .mozaique .info {
           background-color: #fff;
           display: flex;