Describe the bug

The new Skeleton component (<b-skeleton>) has rendering issues on Safari for macOS. The quality of gradients in the "wipe" animation is low and the masking appears to fail for type="avatar".

This was taken from Chrome 85:

This was taken from Safari 14:

Steps to reproduce the bug

1. Go to the Skeleton Component page in the BootstrapVue documentation.
2. Scroll down to "Types".
3. See the low quality of input.

Expected behavior

The visual behavior of the Skeleton component in Safari browsers is identical to that of Chrome and Firefox (Firefox matches Chrome).

Versions

Libraries:

• BootstrapVue: 2.17.3
• Bootstrap: [Whatever is used on the BootstrapVue docs site]
• Vue: [Whatever is used on the BootstrapVue docs site]

Environment:

• Device: MacBook Pro
• OS: macOS Mojave 10.14.6
• Browser: Safari
• Version: 14 (14610.1.28.1.9)

Demo link

N/A.

Additional context

N/A.