Оптимизация прозрачного элемента

В фотошопе на макете есть некий блок. Нижний слой - полностью синяя заливка, сверху накладывается прозрачное изображение (в фотошопе "непрозрачость: 8%"). Вопрос - как правильно это реализовать через CSS? То есть, сначала просто заливка background синим цветом, потом надо каким-то образом наложить сверху это прозрачное изображение? свойство opacity нужно применять? или position с z-index? Варианты крутятся в голове, но из-за отсутствия опыта не могу в кучу собрать...