.wrapper { 
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 1.5em;
}

.gallery-wrapper {
  padding: 1.5em;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.gallery {
  columns: 1;
  column-gap: 10px;
}
.gallery-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
.gallery-content {
  max-width: 100%;
  cursor: pointer;
}

.modal-image {
  margin: 0 auto;
  display: block;
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {  .gallery {
    columns: 2;
  }
}
@media only screen and (min-width: 1024px) {
  .gallery {
    columns: 3;
  }
}