.about-section {
    display: flex; /* si ya es flex */
    flex-direction: column; /* apilar verticalmente */
    align-items: center; /* centra horizontalmente los hijos */
    padding: 50px 40px;
    background: linear-gradient(135deg, #fff, #e6f2ff);
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    max-width: 100%;
    margin-bottom: 40px;
    color: #1e3a8a; /* azul profundo, elegante */
    font-size: 17px;
    font-family:'Comic Sans MS';
}

    .about-section > img {
        border-radius: 50%;
        border: 4px solid #2c3e50;
        margin-bottom: 20px; /* espacio debajo de la imagen */
        object-fit:scale-down;
    }


.container {
    width: 100%;
    margin-left: 1%;
    margin-right: 1%;
}