How to lay out text in a triangle on svg?

Question

css

it is necessary to lay out a triangular link with an img-shka inside, inside the triangle with an img-shka, you need to place another small triangle at the bottom with the inscription "more".

I made a triangular link with a picture, but I don’t know how to make a yellow triangle and nail it to the bottom.
here https://jsfiddle.net/jfxfs5vj/1/ what happened to make an hour of the first acquaintance with svg =/