Выполнение анимации происходит очень редко

То есть анимация происходит если я перезагружаю страницу раз 6-7, а потом ее снова нет.

jQuery:

 var waypoint = new Waypoint({
      element: document.getElementById('restaurant-description'),
      handler: function(direction) {
        $(".anim1").addClass("animated fadeIn");
        
      },
       offset: 60 
    });
 
 var waypoint = new Waypoint({
      element: document.getElementById('cities-section'),
      handler: function(direction) {
        $(".anim2").addClass("animated fadeInRight");
        
      },
       offset: 60 
    });


})

CSS:

.anim1,
.anim2 {
    opacity: 0;
    
}

.anim1.animated,
.anim2.animated {
    opacity: 1;
    
}

Я новенький, обьясните пожалуйста