Bug: Opacity Reduces to 1% When Adding a Background Image with a defined Opacity

[Jackmt9]

React version: 16.13.1

Steps To Reproduce
Set a css property background-image: url(...)
Deploy the project (BUG ONLY VISIBLE ON PRODUCTION BUILD)
Link to code example: https://github.com/Jackmt9/portfolio_site/tree/9f6b1f53f33f22386cf473bdc956774027059035
(See about and home page - there should be an image there.)

The current behavior
Opacity of the image reduces to 1%

The expected behavior
Opacity should be as defined, not 1%

##Workaround
Set the opacity value as a decimal instead of a percentage (90% => 0.9)

Also see:
facebook/react#20569
facebook/create-react-app#7980 (comment)

[jrr]

To anyone else that hits this, you might be interested in a stylelint rule to prohibit percentage-based opacity:

https://stylelint.io/user-guide/rules/alpha-value-notation

[rolandoff]

Hey guys, any news on this? I'm still facing this issue and I'm not really sure how to fix it.