Как сделать шестиугольник в который потом вставить картинку?
Вот сделай и не заморачивайся ТЫК
Можно сделать несколько оберток на CSS (пример). Это немного костыльный вариант. Можно взять SVG (пример, уберите анимацию границы и останется чисто шестиугольник). Этот вариант поуниверсальнее будет.