src/styles/SingleProject.css

@@ -17,19 +17,22 @@
 .single-project-left {
     position: relative;
     flex-shrink: 0;
-    width: 100%; /* largeur fixe de la left */
+    width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
+    overflow: hidden;
+    max-height: 225px;
 }
 
 .single-project-left img {
-    width: 100%; /* occupe toute la largeur du conteneur */
-    height: auto; /* hauteur ajustée automatiquement pour garder l’intégralité */
+    width: 100%;
+    height: auto;
     display: block;
     transition: opacity 0.3s ease-in-out;
     opacity: 1;
-    object-fit: contain; /* force l’image à remplir le conteneur (déformation possible) */
+    object-fit: cover;
+
 }
 
 .single-project-left img.fade-out {
@@ -141,7 +144,6 @@
     right: 10px;
 }
 
-/* Affichage des flèches au survol de la zone image */
 .single-project-left:hover .arrow {
     display: flex;
 }