Как сделать фон с картинкой и заливкой?

Question

[Im p3l]

Добрый день, учусь верстать и столкнулся с таким фоном

В макете он состоит из изображения и поверх него наложен фон зеленого цвета с прозрачностью 65%
Пробовал сделать таким способом, но так отображается только изображение, без фона.

.main {
  width: 1300px;
  height: 560px;
  background: rgba(46, 204, 113, 0.65) url("../img/background.png") no-repeat;
}

Comments

[Илья Бушуев]

Попробуйте Background-blend-mode
css.yoksel.ru/background-blend-mode

[Im p3l]

Илья Бушуев, https://caniuse.com/#search=background-blend-mode не все браузеры поддерживают

Answer 1

[Vadim Bogomazov]

Answer 2

[Артём Ведищев]

Я бы так сделал
https://jsfiddle.net/7rnymkzp/