Ошибка Safari при использовании CSS-переходов с задержкой и CSS-фильтров

Question

У меня проблема с CSS-задержкой перехода, которая некорректно работает в Safari при переходе CSS-фильтров. В Chrome он работает нормально, но в Safari анимация происходит, а затем повторяется после истечения времени задержки.

Кто-нибудь еще видел это раньше или нашел обходной путь?

Заранее спасибо.

https://codepen.io/selfctrl/pen/GRRZeWe

.gray-dog {
    filter: grayscale(0);
    transition: filter 0.5s ease-in-out;
     transition-delay: 1s;
}

.gray-dog:hover {
  filter: grayscale(100%);
}