.illus-wrap > img.single {
  max-width: 563px;
}
.illus-wrap.single {
  text-align: center;
}
.illus-wrap.double {
  display: flex;
  justify-content: center;
  align-items: center;
}
.illus-wrap.double > img {
  max-width: 367px;
  margin: 10px;
}
.illus-wrap.third {
  display: flex;
  justify-content: center;
  align-items: center;
}
.illus-wrap.third > img {
  max-width: 260px;
  margin: 10px;
}
.illus-wrap.fourth {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.illus-wrap.fifth {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

@media (min-width: 768px) {
  .illus-wrap > img.single {
    margin: 17px;
  }
  .illus-wrap.double > img {
    max-width: 387px;
    margin: 21px;
  }
  .illus-wrap.third {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
  }
  .illus-wrap.third > img {
    max-width: 360px;
  }
  .illus-wrap.fourth {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
  }
  .illus-wrap.fifth {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
  }
}