Is creating Equilateral responsinve triangle with backgroung image in css even possibe? : And it also should work in IE11.
I've tried:            

 - Usuall triangle-crating techinces using border - **Failed**, no background image.

       

 - Clip-path - **Failed** no ie support (damn)

              

 - Triangles with skewing and transfroming have to war of having proper percedt-based lenghts. After ~3 hours of trying to fugure it out - **Failed**

My last desperate effort will probbaly be creating an SVG mask with triangle cutted in it and placing it on top of the <div> with desiered image. But it feels so damn hacky.

And no, it is not my wish to complicate my life so much, its a test task ive got, and i've allready burned away whole day of time, and shitton amount of nerves. Please help!