.area-0{
    grid-area:a1;
}
.area-1{
    grid-area:a2;
}
.area-2{
    grid-area:a3;
}
.area-3{
    grid-area:a4;
}
.area-4{
    grid-area:a5;
}
.factory-grid img{
    object-fit:cover;
}
@media(min-width:768px){
    .factory-grid{
        display:grid;
grid-template-columns: repeat(8, 1fr);  
grid-gap: 24px;
grid-template-areas: 
'a1 a1 a2 a2 a2 a2 a3 a3'
'a1 a1 a2 a2 a2 a2 a3 a3'
'a1 a1 a4 a4 a5 a5 a5 a5'
'a1 a1 a4 a4 a5 a5 a5 a5';

}

}
@media(min-width:768px) and (max-width:991px){
    .factory-grid{
        grid-gap:10px;
    }
}
@media(max-width:767px){
    .factory-grid{
        display:grid;
grid-template-columns: repeat(2, 1fr);  
grid-gap: 10px;
grid-template-areas: 
'a1 a2'
'a3 a4'
'a5 a5';
}
.factory-grid img{
    height:38vw;
    width:100%;
}
}