GPU instancing with transparent shader graph draws closer objects behind further objects

I am not quite sure why this is happening as I am quite new to shaders and GPU instancing, but as you can see in both these photos the grass that I have instanced is drawn from near to far so all of the further away grass is on top of and covering the closer grass. I have been trying to figure out why this is happening with no luck and would really appreciate any advice or direction. I have attached two photos of the grass with the problem as well as the details of the shader graph and...

GPU instancing with transparent shader graph draws closer objects behind further objects