.cases {
display: grid;
max-width: 1800px;
}

@media (min-width: 840px) {
.cases {
grid-template-columns: 25% 25% 25% 25%;
}
}

@media (min-width: 560px) and (max-width: 839px) {
.cases {
grid-template-columns: 50% 50%;
}
}

@media (max-width: 559px) {
.cases {
grid-template-columns: 100%;
}
}
}