/*--------------------------------------------------------------
# À Propos - Ajustement de l'image
--------------------------------------------------------------*/

/* Limite la hauteur de l'image pour qu'elle s'aligne avec le texte */
.about-img {
    max-height: 400px;
    overflow: hidden;
}

.about-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Sur tablettes et desktop */
@media (min-width: 992px) {
    .about-img {
        height: 100%;
        max-height: 450px;
        display: flex;
        align-items: center;
    }
    
    /* Aligne verticalement avec le bloc texte */
    .about .row {
        min-height: 450px;
    }
}

/* Sur mobile, l'image peut être plus haute */
@media (max-width: 991px) {
    .about-img {
        max-height: 350px;
        margin-bottom: 30px;
    }
}

/* Ajustement pour les très petits écrans */
@media (max-width: 576px) {
    .about-img {
        max-height: 300px;
    }
}