body {
    width: 1024px;
    margin: auto;
}

.general {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: 1500px;
}

#col1 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-self: center;

}

#col2 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-self: flex-start;
    
}

#col3 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-self: flex-end;
 
}

img {
    border-radius: 10%;
    height: 300px;
    width: 300px;
    margin: 10px;
    border: 15px solid transparent; /*con transparent se crea el borde para solo pintarlo al hacer hover, así no se mueve la imagen*/
}


img:hover {
border: 15px solid lightgray;
border-radius: 10%;
box-shadow: 10;

}