Rendering bug with transparent objects

I started making some magical attacks and one of them is a shield. The shield is just a dark stone grey block with .1 transparency and .5 reflectance. fireballs and lightning have .5 transparency and reflectance, and they always appear behind the shield. this gives me anxiety.

https://vid.me/mUzc

the shield is inside someone else’s character and the fireball/lightning is inside mine.

repro
repro.rbxl (24.3 KB)

ball is inside a humanoid, wall isn’t. one appears in front of the other.