.photos {
  min-height: 50vh;
  overflow-x: hidden;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: grid;
  gap: 50px;
  grid-template-columns: repeat(auto-fill, minmax(285px, 200px));
  padding-bottom: 5%;
}
.IMG {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 30px;
  box-shadow: 5px 10px gray;
  object-position: center;
}


@media only screen and (max-width: 393px) {
  .IMG {
    width: 98%;
    height: 300px;
    object-fit: cover;
    border-radius: 30px;
    box-shadow: 5px 10px gray;
    object-position: center;
  }
  .photos {
    height: 215vh;
    overflow-x: hidden;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: grid;
    gap: 8%;
    grid-template-columns: repeat(auto-fill, minmax(300px, 350px));
  }
}