CSS Анимация: почему импульс @keyframe отличается на Chrome?

Question

Я использую попутный ветер CSS. Код работает без проблем на Firefox, но на Chrome это в стиле фанк. сайт: https://jakelamb.me/ скрипка: https://jsfiddle.net/lambsbaaacode/awcom3s2/

@keyframes pulse {
0% {
    @apply transform scale-95;
    box-shadow: 0 0 0 0 rgba(129, 230, 217, 0.5);
}

50% {
    @apply transform scale-100;
    box-shadow: 0 0 0 10px #81e6d9;
}

100% {
    @apply transform scale-95;
    box-shadow: 0 0 0 0 rgba(129, 230, 217, 0.5);
}

}