/** ImageGallery Grid **/
.imagegallery-image {
  cccheight: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.imagegallery-image img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.imagegallery-image:hover img {
  transform: scale(1.1);
}

.imagegallery {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  margin-top: 0px;
}

.imagegallery .imagegallery-image img {
  max-width: 100%;
  max-height: 400px;
}

/** Lightbox **/
.sl-overlay {
  background: #333333;
  opacity: 0.8;
}

.sl-wrapper .sl-close,
.sl-wrapper .sl-counter,
.sl-wrapper .sl-navigation button {
  color: #ffffff;
}

/** pro features styling **/
nav.imagegallery-back {
  font-size: small;
}