'Why is my CSS-animation working in cloud environment but not with vs code + live preview

Please see the following pen for my code. https://codepen.io/KWunsch/pen/OJzaYyp

My issue:

on codesphere, where I set up a ejs-file for header and footer, the css animation for fading out the <span>-elements inside .span-container, whenever I use visual studio code and my local environment, the css animation isn't working properly (the same as in the pen, luckily ...), i.e. not working at all :-D

Can any of you spot what's going on there? (I have no idea why the backgroundColor on body isn't applied, it works locally and in codesphere)

My browser for both is chrome on Kubuntu 20.04

all the best, K



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source