Добавление преобразования к изображению размывает его в Chrome

У меня есть изображение с примененным к нему преобразованием :transform: translate(-50%,-50%);

Только в Chrome это приводит к размытию изображения.

Я пробовал различные предлагаемые решения, такие как установка translateZ(0); фильтр: размытие (0) без какого-либо успеха.

Удаление свойства преобразования удаляет эффект размытия.

Вот текущий css для изображения: position: absolute; верх: 50%; слева: 50%; трансформировать: перевести(-50%,-50%); высота: авто; ширина: авто; максимальная высота: 100%; максимальная ширина: 100%;

И это выглядит так:

И вот фактическое изображение, возвращенное из моего сервиса изображений:

Обратите внимание, что у первого изображения размыты края, а у исходного изображения — нет.