I found some discomfort with animate-pulse and suggest changing it like this.

[nayounsang]

animate-pulse docs
animate-pulse changes the opacity. But Changing the opacity poses the following issues.

Some CSS properties cause the element to be placed in a separate stacking context, and opacity is included in this properties.

• Let's check for any bugs caused by this.
  example
• to fix this, i set the position and z-index or make custom animations. This has worsened the maintainability of my code.

I need to set the background color.

• Pulse is mostly used for skeletons, and I have also been using pulse only for skeletons. Skeletons require a natural and infinite animation that smoothly transitions between dark gray and light gray. Therefore, I question the need to set a background color.
• If i only use animate-pulse, this may appear as if nothing is working, unlike the skeleton in the docs.

so I suggest using animate-pulse that changes the background color instead of altering the opacity.