/* Делает таблицу гибкой сеткой */
.field--type-image .responsive-enabled thead {
  display: none;
}
.field--type-image .responsive-enabled tbody {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  border-collapse: separate;
  border-spacing: 0;
}

/* Каждая ячейка — как блок */
.field--type-image .responsive-enabled tbody tr {
  flex: 1 1 calc(30.333% - 1rem);
  display: block;
  background: #fafafa;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 6px;
}

/* Убираем лишние отступы внутри */
.field--type-image .responsive-enabled tbody tr td {
  display: block;
  padding: 0.25rem 0;
}

/* Подгоняем картинки */
.field--type-image .responsive-enabled img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 0.5rem;
}