Svg animation showing locally but not in deploy

Hi! I need help here. . Locally in the Christmas tree, there are lights that play with CSS animations, fade in and out. Nothing complicated just opacity. It is showing locally but not in the deployment. I see the lights element in the dev tools but they don’t appear. I tried with z-index and still not working.FYI the elements are with the id = “luz”. Hope you can help me. Thank you very much!

The problem is probably your CSS minification. Here’s what the keyframes look like in Chrome:

It should either be opacity: 100% or opacity: 1, and not a combination of those values. Your local build might not be minified which is why it might be working locally. However, the minifier that you might be using is forgetting to remove the % sign when converting 100% to 1. Thus, the problem.

On a side note, it’s not recommended to use same id for multiple elements. Consider using class instead.

Thank you so much!!! <3 <3 <3 <3