.card {
  aspect-ratio: auto;
  width: 100%;
  border-radius: 0.2rem;
}

.card img {
  height: auto;

}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  align-items: end;
  margin-top: 8px;
}

@media (max-width: 1200px) {
  .gallery { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
}
@media (max-width: 900px) {
  .gallery { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}
@media (max-width: 600px) {
  .gallery { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}