Ankhena, с этим разобрался, спасибо. А какой псевдоэлемент сделать, чтобы картинку затемнить в моем примере? Нагуглил список, но непонятно как это использовать и зачем)
transform: scale(1.2); увеличивает картинку во все стороны. Из-за этого перекрывается текст снизу. На иви тоже текст под карточкой, но т.к. увеличение идет вверх, то текст не перекрывается.
Также в моем примере, в верхнем углу на карточке появляется иконка при наведении мыши (скрыта стилем hidden). Так вот если мышкой навести на иконку то эффект transform: scale пропадает.