.categories-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
}

.category {
  display: flex;
  align-items: center; /* vertically centers image and text */
  gap: 12px;           /* space between image and text */
  padding: 9px;
}

.category img {
  width: 150px;
  height: 150px;
  object-fit: cover;   /* keeps image proportions */
  border-radius: 8px;
}

.category-text h3 {
  margin: 0 0 8px;
  text-align: center;
}

.category-text p {
  margin: 3px;
  color: rgb(77, 77, 78);
  text-align: center;
}