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

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

.photo33 {
  grid-row: 1/3;
  grid-column: 1/3;

}

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

}

.photo29 {
  grid-row: 3/5;
  grid-column: 1/2;

}

.photo28 {
  grid-row: 3/5;
  grid-column: 2/4;

}

.photo21 {
  grid-row: 6/8;
  grid-column: 1/3;

}


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