*{

  box-sizing: border-box;
  padding: 0;
}
.wrapper{
 width: auto;
column-count: 3;
margin: 10em auto;
}

.wrapper  img{
 width: 200px;
  height: 200px;
  margin : 2em;
}





@media only screen and (max-width: 768px) {
  .wrapper {
    column-count: 2;
  }
}

@media only screen and (max-width: 450px) {
  .wrapper {
    column-count: 1;
  }
}