Galeria de imágenes Flexbox

Codigo html:
div que contiene las imagenes o ul con clase "galeria-imagenes"
El enlace de las imagenes grandes con clase "image"
Y la imagen dentro que es un img
En el caso de que usemos Lightbox por ejemplo, que la iamgen va dentro del enlace
El codigo css:

/*Galeria*/

.border{

    width: 180px;

    height: 4px;

    margin: 3rem auto;

    background: yellow;

}

.galeria-imagenes{

    display: flex;

    flex-wrap: wrap-reverse;

    justify-content: center;

}

.galeria-imagenes .image{

    flex: 25%;

    overflow: hidden;

}

.galeria-imagenes img{

    width: 100%;

    height: 100%;

    transition: 0.4s;

}

.galeria-imagenes .image:hover{

    transform: scale(1.4) rotate(15deg);

}