Drop shadow not appearing in SVG image when viewed on web page

I have been trying to use a svg file as image which contains drop shadows in a web page, but the shadows are not appearing in browser. It appears fine when viewed independently on a separate tab. can anyone help me solve the problem ! Following are the screenshots

Image is fine when viewed separately in browser

Drop shadows not appearing in webpage