/* ABOUT ME */

/* Imagen en la seccion about me */
/* Este bloque asegura que la imagen se vea completa, sin distorsión, y en blanco y negro */
.about__me .image img {
    height: 100%; /* La imagen ocupa el 100% de la altura del contenedor padre */
    width: 100%;  /* La imagen ocupa el 100% del ancho del contenedor padre */
    filter: grayscale(1); /* Aplica un filtro en escala de grises (1 = 100%) */
    object-fit: cover; /* La imagen se recorta para cubrir el contenedor sin deformarse */
}


/* Mobile about polish */
@media screen and (max-width: 768px) {
    .about__me {
        min-height: auto;
        padding: 4rem 0 2rem;
    }

    .aboutMe__content {
        gap: 2rem;
    }

    .aboutMe__info p {
        line-height: 1.65;
    }

    .about__me .image {
        max-height: 22rem;
        overflow: hidden;
        border-radius: 0.75rem;
    }
}