.container {
  align-self: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;

}
.container img {
  height: 23%;
  width: 23%;
  display: flex;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 100ms ease-out;
}
.container img:hover {
  transform: scale(1.04);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}