.content.about-us {
  padding: 100px 0;
}
.content.about-us .photo-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 1rem;
}
.content.about-us .photo-container .photo img {
  max-width: 100%;
  height: auto;
  transition: transform 1s;
  border-radius: 8px;
}
.content.about-us .photo-container .photo img:hover {
  transform: scale(1.05);
}

@media (max-width: 715px) {
  .content.about-us {
    padding: 100px 0;
  }
  .content.about-us .photo-container {
    text-align: center;
  }
}