ul.lazy-load {
  margin: 1em;
  padding: 0;
  list-style: none;
  display: -ms-grid;
  display: grid;
  grid-gap: 1em;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  margin-bottom: 4em;
}

ul.lazy-load.loaded {
  margin-bottom: 1em;
}

ul.lazy-load li img {
  display: block;
  opacity: 0;
  width: 100%;
  -webkit-transform: translateY(25%);
          transform: translateY(25%);
}

ul.lazy-load li img.loaded {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
/*# sourceMappingURL=lazy-load.css.map */