Então, eu preciso fazer um padrão repetitivo hexagonal, usando CSS. Se as imagens forem necessárias, posso ir até lá, mas prefiro usar CSS, se possível.

Aqui está uma ideia do que estou tentando criar:

Basicamente, eu só preciso de uma maneira de criar as formas hexagonais e depois sobrepor texto / imagens sobre elas. Ainda não tenho muito código, porque não sei ao certo por onde começar. O problema é que eu poderia usar<div>s na forma de um hexágono como mostrado em (http://css-tricks.com/examples/ShapesOfCSS/), mas eles não se conectariam. Eu poderia usar um padrão hexagonal repetitivo, mas não conseguiria especificar a localização exata do texto ou das imagens de que preciso em formas específicas. Agradeço por qualquer ajuda desde já.