.profile {
    background-color: #ffffff; /* Establece el color de fondo del contenedor a blanco */
    display: flex; /* Utiliza un contenedor flexible para distribuir los elementos hijos en una línea */
    flex-direction: column;
    border-radius: 10px; /* Aplica esquinas redondeadas al contenedor */
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); /* Añade una sombra con un ligero desenfoque y transparencia */
    margin-bottom: 20px; /* Añade un margen inferior de 20px */
    overflow: hidden; /* Oculta cualquier contenido que se desborde del contenedor */
    width: auto; 
}

.profile:hover {
    transform: scale(1.02); /* Aumenta ligeramente el tamaño del contenedor al pasar el cursor */
}

.profiles-img img {
    border-radius: 10px 10px 0 0; /* Aplica esquinas redondeadas a la imagen */
    height: 27vw; /* Fija la altura de la imagen a 230px */
    width: 27vw; /* Fija el ancho de la imagen a 230px */
    display: block; /* Evita que la imagen genere un espacio en blanco debajo */
}

.profile-name {
    padding: 20px; /* Añade un relleno interno de 20px */
    text-align: center;
}
.profiles-container{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

@media (max-width: 980px) {
    .profile {        
        align-items: center; /* Centra horizontalmente los elementos dentro del contenedor */
        padding-bottom: 0; /* Elimina cualquier relleno inferior */
    }

    .profiles-img img {
        height: 70vw;
        width: auto; 
    }

 
}