img {
  width: 100%;
}

.masonry {
  width: 80%;
	column-count: 3;
	column-gap: 16px;
  margin: 5px auto;
  text-align: center;
}

.masonry .mItem {
  display: inline-block;
  margin-bottom: 16px;
  width: 100%;
}

@media (max-width: 1199px) {
  .masonry {
    column-count: 3;
  }
}

@media (max-width: 991px) {
  .masonry {
    column-count: 2;
    width: 90%;
    text-align: center;
  }
  h3 {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .masonry {
    column-count: 1;
    width: 90%;
  }
  h3 {
    text-align: center;
  }
}