Use :before or a div with an image?

Question

I’m finishing a website and I don’t know if I use :before or a div with the background of the picture, what I need is this:

As you can see, there are two divs, the first is the glasses, and the second is the text, I tried to make a :before to have this triangle, but it didn’t work, when the resolution changes bad, because the site is responsive, so what do I do? I create a div before or use :before even?

The site is on the air, is just select a collection that will appear this content.

Answer 1

I have separated each element by div’s for better organization and better maintenance in the future. It looks like this ("div do fundo", "div da img" and "div do texto")

Example:

http://jsfiddle.net/69PLK/1/

There is an example that you have with the formatting of the text of example boviamente.. but the idea is this!