Use inconsistencies when using inside react-modal.

[oscar-gallog]

I'm using WOW inside react-modal and the behavior is pretty erratic, sometimes it works, sometimes it doesn't but I found this, when it doesn't work the styles are applied like this:

  visibility: hidden;
  animation-duration: 1s;
  animation-delay: 200ms;
  animation-name: none;

and when it works the style looks like this:

    visibility: visible;
    animation-duration: 1s;
    animation-delay: 200ms;
    animation-name: fadeInUp;

Anybody having this issue?. I'm calling the exact same component on both cases, and I'm using this line, but it changes nothing:

.wow {
  visibility: hidden;
}

Here is a GIF showing what's happening: