.illustration__container--thumbnails {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.illustration__container--thumbnails .thumbnail {
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (min-width: 600px) {
  .illustration__container {
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
  }
  .illustration__container--thumbnails {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (min-width: 600px) {
  .illustration__container--thumbnails {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
  }
  .illustration__container--thumbnails .thumbnail {
    overflow: hidden;
    cursor: pointer;
  }
  .illustration__container--thumbnails .thumbnail img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .illustration__container--thumbnails .thumbnail:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}