#grid-container {
     width: 90%;
    margin-left: 12%;
    /* margin: auto; */
  
    overflow: hidden;top: 0px;    margin-top: -10%;
}
.grid-item {
  opacity: 0;
  float: left;
  box-sizing: border-box;
}

.grid-item img {
  width: 100%;  filter: grayscale(100);
  height: 100%;
}
.grid-item img :hover {filter: grayscale(0) !important;}
.grid-item.loaded {
  opacity: 1;
  transition: opacity .5s;
}