.image-container {
        height: 300px;
       
    }
    

    .image-container img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover ;
    }

    
    @media (max-width: 767px) {
        .wrap-service-26 {
            flex-direction: column;
        }

        .image-container,
        .align-self-center {
            padding: 0;
            
        }

        .image-container {
            order: 2;
            max-width: 100%;
            max-height: 100%;
            object-fit: contain; /* Utilisez "contain" au lieu de "cover" */
            margin: 2%; /* Centrer horizontalement */
       
        }

        .text {
            order: 1;
        }
    }