Safari установил абсолютную позицию для последнего css -анимированного элемента, но я не могу найти его в инспекторе

Question

У меня есть анимация по внешнему виду раздела, всем элементам. Это просто непрозрачность, и преобразовать (перевести, повернуть). И иногда, особенно в последнем элементе сафари узла или просто в случайных элементах, устанавливающих абсолютную позицию, я не могу смоделировать его на codepen . И не могу найти, почему это произошло. Вы можете найти его здесь . Кто-нибудь знает, почему это произошло?

Пример анимации

.item {
  @for $i from 1 through 9 {
    &:nth-child(#{$i}) {
      animation: fadeIn .5s #{($i/20)}s backwards, translateUp .5s #{($i/20)}s ease-out backwards;
    }
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes translateUp {
  0% {
    transform: translateY(40px)
  }
  100% {
    transform: translateY(0)
  }
}