.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 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;
}

.photo59 {
  grid-row: 1/3;
  grid-column: 2/4;
}

.photo46 {
  grid-row: 5/7;
  grid-column: 2/4;
}

.photo36 {
  grid-row: 8/10;
  grid-column: 3/4;
}

.photo32 {
  grid-row: 9/11;
  grid-column: 4/5;
}

.photo20 {
  grid-row: 13/14;
  grid-column: 1/5;
}

.photo19 {
  grid-row: 14/15;
  grid-column: 1/5;
}

.photo14 {
  grid-row: 16/18;
  grid-column: 1/3;
}

.photo07 {
  grid-row: 18/19;
  grid-column: 3/5;
}

.photo04 {
  grid-row: 19/20;
  grid-column: 3/5;
}


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