Анимации появления после дебильного обновления

Видеоинструкция: https://youtu.be/Z4CilzAe9iM

Вставьте код в хтмл блок в самый низ

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> 

<script>
const animated = document.querySelectorAll('.block-item');
observer = new IntersectionObserver((entries) =>
{
  entries.forEach(entry => {
    if(entry.intersectionRatio > 0) {
      entry.target.style.animation = 'slideInDown .5s forwards ease-in-out';
    }
  })
})
animated.forEach(e => {
  observer.observe(e)
})  
</script>

Страничка с превью анимаций: https://animate.style/