.tc-category-compact .tc-category-grid {
  grid-template-rows: 215px 215px 215px;
}

.tc-category-mug-white {
  grid-column: 1 / 2;
}

.tc-category-mug-magic {
  grid-column: 2 / 4;
}

.tc-category-mug-white img,
.tc-category-mug-magic img {
  object-position: center center;
}

@media (max-width: 900px) {
  .tc-category-compact .tc-category-grid {
    grid-template-rows: 300px;
    grid-auto-rows: 220px;
  }

  .tc-category-mug-white,
  .tc-category-mug-magic {
    grid-column: auto;
  }
}

@media (max-width: 580px) {
  .tc-category-compact .tc-category-grid {
    grid-template-rows: 340px;
    grid-auto-rows: 200px;
  }
}