background-image showing invalid property

After looking many a solutions, none of that could resolve the issue i am in. Below is my code

<div style="height:210px; max-width: 100%; 
background-color: #e9ebee; background-position: center 50%; 
background-repeat: no-repeat; display: block; 
background-image: url('imagefromdb');"></div>

When inspecting element, I see background-image to be an invalid property. Now, for me, I could have accepted that if all images did not render. But the case is some images render, some does not.

I am rendering the images fetched from DB in a loop