Я делаю сайт с полным фоновым изображением страницы. Я хочу создать фоновое изображение для бокового столбца, который действует как слой Photoshop с умножением в режиме наложения. Это просто синяя поверхность с «поведением» многослойного фотошопа.

Невозможно объединить оверлей и изображение, так как фон может измениться, когда веб-сайт будет открыт с другим соотношением / размером экрана.

Существует множество решений для SO, но они работают только с умножением 2 изображений с фиксированной позицией, а не с цветной поверхностью с переменной позицией / фоном.

Есть ли уловки для достижения этой цели?