Ни в SVG, ни с помощью границ, не получится сделать динамический по ширине треугольник.
Можно только с помощью PNG. Если сделать его надлежащего качества, то непропорциональный ресайз будет не особо заметен. По крайней мере, в Chrome все нормально:
codepen.io/Novitsky/pen/ZYYBmm?editors=110 
