body {
  margin: 0;
  padding: 20px;
  background-color: #fafafa;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-gap: 20px;
  justify-content: center;
  margin: 0;
  padding: 50px 0;
  list-style: none;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-item {
  position: relative;
}

.gallery-link {
  display: block;
  text-decoration: none;
  height: 100%;
}

.gallery-image {
  width: 100%;
  height: 250px;
  border-radius: 20px;
  object-fit: cover;
  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.gallery-link:hover .gallery-image,
.gallery-link:focus .gallery-image {
  transform: scale(1.05);
}

.basicLightbox img {
  max-width: 95vw;
  max-height: 95vh;
  object-fit: contain;
  border-radius: 20px;
}