/* Centrar la imagen y darle un borde redondo */
.container img.img-circle {
    display: block;
    /* Para que la imagen se comporte como un bloque */
    margin-left: auto;
    /* Centrar la imagen horizontalmente */
    margin-right: auto;
    /* Centrar la imagen horizontalmente */
    width: 300px;
    /* Ajusta el tamaño de la imagen */
    height: 300px;
    /* Asegura que la imagen sea cuadrada */
    border-radius: 50%;
    /* Esto hace que la imagen tenga forma de círculo */
    object-fit: cover;
    /* Hace que la imagen no se distorsione y mantenga su aspecto */
}

/* Hacer que la imagen sea responsiva */
@media (max-width: 768px) {
    .container img.img-circle {
        width: 200px;
        /* Tamaño de imagen ajustado para pantallas pequeñas */
        height: 200px;
    }
}

h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #464646;
}

h4 {
    font-size: 1.5rem;
    color: #405189;
}

.mt-3 {
    margin-top: 20px;
}