Wow JS скрывает элементы при загрузке страницы

У меня есть элемент div, который я хотел бы выдвигать при прокрутке. Я применил анимацию slideOutLeft и включил параметр data-wow-offset, и сама анимация работает, но, к сожалению, когда я загружаю страницу изначально, анимированный элемент скрывается. Элемент должен сначала стать видимым, а затем сдвинуться влево и стать скрытым. Не уверен, почему это не работает.

 @-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }
}