Создание повторяющегося шестиугольного узора с помощью CSS3

Итак, мне нужно сделать повторяющийся шестиугольный узор, используя CSS. Если нужны изображения, я могу пойти туда, но я бы предпочел просто использовать CSS, если это возможно.

Вот идея того, что я пытаюсь создать.:

По сути, мне просто нужен способ создать шестиугольные формы, а затем наложить на них текст/изображения. У меня пока мало кода, потому что я не совсем уверен, с чего начать. Проблема в том, что я мог бы просто использовать