/*Let's make sure that the dimensions of any box includes its border and padding, this gives us an easy way of sizing our elements*/
* {
    box-sizing: border-box;
}

.container{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-template-areas: 
        "a b c d"
        "e f g h"
        "i j k l";
    grid-gap: 5px;
/*    centre images vertical*/
    align-items: center;
}

.container > img{
    max-width: 100%;
}

.container > img:nth-child(6){

    grid-area: f/f/k/k;
    align-items: center;

}