body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  background-color: black;
}
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-auto-rows: auto;
  gap: .2rem;
  padding: .2rem;
}
.gallery img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
    border-radius: .2rem;
}

@media (prefers-color-scheme: dark) {
    .gallery img {
        mask-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    }
}