.gallery-images img{
    width: 100%;
    height: 400px;
    transition: opacity 2s ease, transform 2s ease;

}

.gallery-images{
    display: block;
    flex-wrap: wrap;
}

.gallery-images img:hover{
    opacity: 1;
    cursor: pointer;
    transform: scale(0.9);
    background: hotpink;
}

.gallery-images img{
    width: 100%;
    height: 430px;
}

@media screen and (min-width:780px){
    .gallery-images{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .gallery-images img{
        width: 100%;
        height: 320px;
    }
}