.case-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.case-item {
  margin: 0;
}

@media screen and (min-width: 1025px) {
  .case-wrapper {
    gap: var(--sz50) var(--sz30);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .case-wrapper {
    gap: var(--sz50) 3.5%;
  }
}
@media screen and (max-width: 767px) {
  .case-wrapper {
    gap: var(--sz60);
  }
}