#g0 {
display: flex;
}

@media (min-width: 840px) {

}

@media (min-width: 560px) and (max-width: 839px) {
#g1 {
order: 4;
}

#g2 {
order: 1;
}

#g3 {
order: 3;
}

#g4 {
order: 2;
}
}

@media (max-width: 559px) {
#g1 {
order: 4;
}

#g2 {
order: 3;
}

#g3 {
order: 2;
}

#g4 {
order: 1;
}
}