Линейный градиент + картинка, как сверстать?

Question

[z_u_l]

Сделал линейный градиент + картинку.

Пример

Назрел вопрос. При ресайзе количество серого уменьшается. Можно ли сделать так, чтобы количество серого было не менее 300px, например?

При таком разрешении выглядит не очень.

Comments

[Максим Тимофеев]

количество серого было не менее 300px

что?
Сергей знает, что Вы его в пикселях измеряете?

При ресайзе количество серого уменьшается

Прекращайте отрезать Сергею органы

При таком разрешении выглядит не очень.

А при каком хорошо?

[z_u_l]

При 1920px Сергей выглядит вполне отлично.

Answer 1

[zoozag]

А картинка обязательно в фоне должна быть?
https://codepen.io/anon/pen/EepVKR