/*! div style */
 .image-gallery {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px, 1fr));
    justify-content: center;
    padding: 4px;
  }

  .box {
      flex-basis: 25%;
      width: 100%;
      padding: 10px;
      margin: 2px;
  }

  .img-gallery {
	width: 100%;
  height: 200px;
	object-fit: cover;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  &:hover {
    transform: scale(1.05);
  }


  .image-gallery {
      overflow: auto;
      margin-left: -1% !important;
  }

  .image-gallery li {
      float: left;
      display: block;
      margin: 0 0 1% 1%;
      width: 19%;
  }

  .image-gallery li a {
      text-align: center;
      text-decoration: none !important;
      color: #777;
  }

  .image-gallery li a span {
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding: 3px 0;
  }
  
  .image-gallery li a img {
    width: 100%;
    display: block;
}