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

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

}

.photo70 {
  grid-row: 3/5;
  grid-column: 3/5;

}

.photo62 {
  grid-row: 6/8;
  grid-column: 2/3;

}

.photo58 {
  grid-row: 7/9;
  grid-column: 3/4;
}

.photo40 {
  grid-column: 2/5;
}

.photo10 {
  grid-row: 20/22;
  grid-column: 2/4;
}

.photo02 {
  grid-row: 23/25;
  grid-column: 1/3;
}

.photo01 {
  grid-row: 23/25;
  grid-column: 3/5;
}

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