*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.general{
    display: flex;
    flex-direction: row;
}

.col1, .col2, .col3 {
    display: flex;
    flex-direction: column;
    justify-content: space-around; /* distribuye espacio vertical entre imágenes */
    height: 50vh; /* necesario para que justify-content funcione verticalmente */
}

img{
    width: 90%;
    border-radius: 20px;
    margin: 5% 0 5% 5%;
    transition: 0.4s;
}
img:hover{
    outline: 10px solid lightgrey; /* no afecta el tamaño de la imagen */
}
#img1{
    height: 36vh;
    object-fit: cover;
}
#img8{
    height: 36vh;
    object-fit: cover;
}