.medium-img-card {
   flex: 1 1 60%;
   max-width: 60%;
   height: auto;
   object-fit: cover;
   border-radius: 12px;
   /* arrondi doux */
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   /* ombre subtile */
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   /* effet fluide */
 }

 .step-img {
   flex: 1 1 30%;
   max-width: 32%;
   height: auto;
   object-fit: cover;
 }

 .step-medium-img {
   flex: 1 1 40%;
   max-width: 40%;
   height: auto;
   object-fit: cover;
 }

 .step-0 {
   margin-top: 40px;
 }

 .step-1 {
   margin-top: 20px;
 }

 .step-2 {
   margin-top: 0px;
 }



 /* ✅ Comportement mobile */
 @media (max-width: 768px) {
   .step-img {
     flex: 1 1 100%;
     max-width: 100%;
   }

   .step-medium-img {
     flex: 1 1 100%;
     max-width: 100%;
   }
 }