картинкой css

как сделать что бы картинка была как цветом , как на картинке?

Возник такой вопрос: есть блок, где располагается четыре блока в них картинка и под каждой картинкой текстТекст плавает из-за того, что картинки немного разные по размеру

Собственно есть рамка в фотошопе, но как сверстать - не знаюПолучается криво