.gallery {
  padding-top: 2rem;

  background: white;
}

.gallery__grid {
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

  gap: 1.5rem;
}

.gallery__item {
  overflow: hidden;

  border-radius: 20px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.gallery__item img {
  width: 100%;

  height: 250px;

  object-fit: cover;

  display: block;

  transition: .3s;
}

.gallery__item:hover img {
  transform: scale(1.05);
}