reglage de bug en mobile

public/css/styles.css

@@ -267,7 +267,8 @@ .image-content:nth-child(1){
 }
 
 .image-content:nth-child(3){
-  display: none;
+  visibility: hidden;
+  position: absolute;
 }
 
 @keyframes anime-image-project {
@@ -486,7 +487,8 @@ @media (max-width: 576px) {
   }
 
   .image-content:nth-child(3){
-    display: block;
+    visibility: visible;
+  position: relative;
   }
 
   .image-content img{

public/css/utils.css

@@ -1533,7 +1533,7 @@ @media (max-width: 768px) {
 
     .w-35{
         width: 90%;
-        margin-left: -5rem;
+        margin-left: -6rem;
     }  
     
     .w-35-2{
@@ -1575,6 +1575,10 @@ @media (max-width: 500px) {
         margin-left: -3rem;
     }
 
+    .mr-left-sm{
+        margin-left: -3rem !important;
+    }
+
 
    
     .fs-title{
@@ -1584,7 +1588,7 @@ @media (max-width: 500px) {
     }
 
     .fs-subtitle{
-        margin-left: 1.5rem;
+        margin-left: .8rem;
         font-size: 1.1rem;
         margin-top: -2rem;
     }
@@ -1641,6 +1645,8 @@ @media (max-width: 380px) {
 
     }
 
+   
+
     .fs-title-2{
         font-size: 1.2rem;
         margin-left: -3rem;

resources/views/pages/accueil.blade.php

@@ -184,7 +184,7 @@ class="gray-color">du
                 laboratoire</span>
         </h2>
         <div class="container mt-5 pt-5 pb-5">
-            <div class="row justify-content-center">
+            <div class="row justify-content-center mr-left-sm">
                 @foreach ($membres as $index => $membre)
                     <!-- Ligne 1 : 3 colonnes -->
                     @if ($index < 3)