#photos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px 30px;
  margin: 100px 0px;
}
#photos img {
  width: 300px;
  height: auto;
  transition: ease;
}
#photos img:hover {
  filter: drop-shadow(16px 16px 20px black);
  transform: translateY(-20px);
  border: 5px solid black;
}

@media (max-width: 450px) {
  #photos {
    align-items: center;
    width: 100%;
  }
  #photos img {
    width: 90% ;
  }
}/*# sourceMappingURL=imagegallery.css.map */