Как сверстать 6-угольник с картинкой внутри?

Question

[Liuonid]

Нужно сверстать 6-угольник с картинкой внутри. так же что бы было border у этого 6-уголньника.
Просто 6 угольник сверстать смогу. Но ни как не приходит идея как поместить картинку внутрь.
искал инфу около 40 минут, прежде чем спрашивать тут. через clip-path не хочу делать отсутствует поддержка firefox.

Comments

[Владислав Лысков]

https://caniuse.com/#search=clip-path
нормально его поддерживает firefox

[Lord_Dantes]

https://codepen.io/darsain/pen/Cxawq

[Lord_Dantes]

Посмотрите на кодпене нужный вам вариант

Answer 1

[Олег]

Как вариант ))

Answer 2

[Антон Антон]

Мне кажется, наиболее понятным вариантом будет inline svg