adjust hero cover

assets/css/src/_footer.scss

@@ -1,5 +1,5 @@
 #presse {
-  scroll-margin-top: 100vh;
+  scroll-margin-top: 0vh;
 }
 
 body > footer {

assets/css/src/_mobile.scss

@@ -131,10 +131,12 @@ body.no-scroll {
   // ---- HERO ----
   section#hero {
     height: auto;
-    min-height: 60vh;
+    min-height: 100vh;
     text-align: center;
     align-items: center;
     padding: 4rem var(--padding-body) 3rem;
+    background-position: 74% -44vh;
+    background-size: 96vh;
 
     .title {
       font-size: 4rem;

assets/css/src/_section_7-system.scss

@@ -1,7 +1,7 @@
 section#system {
   display: flex;
   justify-content: space-between;
-  padding: 10rem min(15vw, 100%);
+  padding: 10rem 0 10rem min(15vw, 100%);
 
   .text {
     display: flex;
@@ -41,10 +41,10 @@ section#system {
   }
 
   figure {
-    width: 55%;
-    height: 46vw;
+    width: 70vw;
+    height: 40vw;
     img {
-      object-fit: cover;
+      object-fit: contain;
       width: 100%;
       height: 100%;
     }

assets/css/style.css

@@ -727,7 +727,7 @@ section#buy img {
 }
 
 #presse {
-  scroll-margin-top: 100vh;
+  scroll-margin-top: 0vh;
 }
 
 body > footer {
@@ -897,10 +897,12 @@ body.no-scroll {
   }
   section#hero {
     height: auto;
-    min-height: 60vh;
+    min-height: 100vh;
     text-align: center;
     align-items: center;
     padding: 4rem var(--padding-body) 3rem;
+    background-position: 74% -44vh;
+    background-size: 96vh;
   }
   section#hero .title {
     font-size: 4rem;