Change background image using key-frames, background image is white after switching to other app and go back to browser
Solution 1:
As mentioned in the comment section, I'd put them here as an answer.
Since background-image is not an animatable property, it is not recommended to put background-image in a keyframe. Instead, try to separate each image in a different div then use keyframes to control the opacity of each of them.
Opacity is one of the properties that have good cross-browser support.