My explosion material is shown from the back of the screen but not from front

I'm kinda new to unity and I'm making a 2D game. I've created an explosion material for my rocket when it hits the object. although the code is working properly but it is not shown from the front of the screen. when I toggle the camera to 3D and watch it from the back of the screen it is working. I've checked the scale and position. but I couldn't find the problem. here I've attached images from both states.