body{
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}


.image-grid-layout{
    width: 70%;
    height: 90%;
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-template-rows: repeat(3, auto);
    gap: 1%;
}
.image-grid-layout-img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    min-width: 0;  
    min-height: 0; 
}
.image-grid-layout-img:first-child{
    grid-column: 1;
    grid-row:1/3;
}
.image-grid-layout-img:nth-child(2){
    grid-column: 2;
    grid-row:1;
}

.image-grid-layout-img:nth-child(3){
    grid-column: 3;
    grid-row:1/3;
}
.image-grid-layout-img:nth-child(4){
    grid-column: 1;
    grid-row:3;
}
.image-grid-layout-img:nth-child(5){
    grid-column: 2;
    grid-row:2/4;
}
.image-grid-layout-img:nth-child(6){
    grid-column: 3;
    grid-row:3;
}