Hedy

Попробуйте добавить в hover следующее:

.card:hover {
  position: absolute;
  z-index: 2;
  /*....*/
}

Вы пытаетесь отрисовать минимум 1200х1200 = 1 440 000 элементов - логично, что ни один браузер этого вам с приемлемым комфортом не сделает.

Вам нужно реализовать виртуальный скроллинг для ваших данных, т.е. отображать только видимую область вашей таблицы, а при скроллинге - перерисовывать ее.