div{
    display: flex;
    height: 1500px;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    
}

.div1{
    .imagen1:hover{
        border: 7px solid lightgray;
        border-radius: 20px;
        align-content: center;
    }

    .imagen2:hover{
        border: 7px solid lightgray;
        border-radius: 20px;
        align-content: center;        
    }

    .imagen3:hover{
        border: 7px solid lightgray;
        border-radius: 20px;  
        align-content: center; 
    }

    .imagen4:hover{
        border: 7px solid lightgray;
        border-radius: 20px;   
        align-content: center;
    }

 
}
.div2{
    .imagen5:hover{
        border: 7px solid lightgray;
        border-radius: 20px;   
        align-content: center;

    }

    .imagen6:hover{
        border: 7px solid lightgray;
        border-radius: 20px;   
        align-content: center;

    }

    .imagen7:hover{
        border: 7px solid lightgray;
        border-radius: 20px;   
        align-content: center;

    }

    .imagen8:hover{
        border: 7px solid lightgray;
        border-radius: 20px;   
        align-content: center;

    }

}

.div3{
    .imagen9:hover{
        border: 7px solid lightgray;
        border-radius: 20px;   
        align-content: center;

    }

    .imagen10:hover{
        border: 7px solid lightgray;
        border-radius: 20px;   
        align-content: center; 
    }

    .imagen11:hover{
        border: 7px solid lightgray;
        border-radius: 20px;  
        align-content: center; 
    }

    .imagen12:hover{
        border: 7px solid lightgray;
        border-radius: 20px;   
        align-content: center;

    }

}


img{
    border-radius: 20px;  
}

body{
    align-content: center;
}