.grid {
  width: 65%;
  margin: auto;
  padding-top: 35px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows:  150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px;
}

.grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.grid img:hover {
  border: #f1f0cc 1px solid;
}

.photo51 {
  grid-column: 2/4;
  grid-row: 2/4;
}

.photo18 {
  grid-column: 3/5;
  grid-row: 11/13;
}

.photo09 {
  grid-column: 3/5;
  grid-row: 14/15;
}

.photo02 {
  grid-column: 3/5;
  grid-row: 16/17;
}

/*# sourceMappingURL=littoral.css.map */