Content inside element having a background image must not be blurred. How to achieve this?

[Praneetha-CK]

Content inside element having a background image must not be blurred. How to achieve this?
<ProgressiveImage
src={image1}
placeholder={image1X60}
style={{
height: 600,
backgroundSize: 'contain',
backgroundPosition: 'center center',
}}

Some content

"Some content" text inside also gets blurred out which is not the desired behaviour.

[mattrabe]

Move your text component outside of the ProgressiveImage component and move it back up with CSS. Or remove the blur altogether