Problem with animation CSS on my Home page

Hi,

I have a problem on my Jekyll page with Google Chome.

It is same code than flarum.org but not working for me on Chrome

Indeed, the screenshoot works well with Firefox but not with Chrome.

it looks appears and disappear instantally

Please find my page: https://batteries-forum.com

Problem seems to be from the CSS animation;

<div class="animated fadeUp">
  <figure class="Home-screenshot">
    <img src="img/screenshot.png" alt="" width="1151">
  </figure>


@-webkit-keyframes fadeUp {
  0% {opacity: 0; transform: translateY(10px)}
  100% {opacity: 1; transform: translateY(0)}
}

@-moz-keyframes fadeUp {
  0% {opacity: 0; transform: translateY(10px)}
  100% {opacity: 1; transform: translateY(0)}
}

@-o-keyframes fadeUp {
  0% {opacity: 0; transform: translateY(10px)}
  100% {opacity: 1; transform: translateY(0)}
}

@keyframes fadeUp {
  0% {opacity: 0; transform: translateY(10px)}
  100% {opacity: 1; transform: translateY(0)}
}

.fadeUp {
  -webkit-animation-name: fadeUp;
  -moz-animation-name: fadeUp;
  -o-animation-name: fadeUp;
  animation-name: fadeUp;
}

Thanks for your help

The screenshot, assuming it is this one, stays on the screen for me using Chromium, which is pretty much Chrome less some Google clutter.

This is part of the home page.

I’m on Chrome and it was hidden for me. …, If i Disable javascript it loads:

Enabled:


Disabled: