/* GRID LAYOUT */
.type-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 images per row */
  gap: 15px;
  margin-bottom: 20px;
}

.img-box {
  height: auto;   /* remove fixed height */
}

.img-box img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

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

/* MOBILE */
@media (max-width: 768px) {
  .type-block {
    grid-template-columns: repeat(2, 1fr); /* 2 per row */
  }
}