#index-gallery{

    width: 40em;

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 2em;
    grid-template-areas:
    
    "img-1 img-1"
    "img-2 img-3";
}

#index-gallery .gallery-img{

    width: 100%;
    height: 12em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

#index-gallery .img-1{

    height: 18em;

    grid-area: img-1;
    background-image: url(./images/photos/5_large.jpg);
    filter: grayscale(1);
}

#index-gallery .img-2{

    grid-area: img-2;
    background-image: url(./images/photos/9.jpg);
    filter: grayscale(1);
}

#index-gallery .img-3{

    grid-area: img-3;
    background-image: url(./images/photos/8.jpg);
    filter: grayscale(1);
}