background-blend-mode: multiply на hero с фото
Два слоя background-image (фото + фиолетовый градиент) с background-blend-mode: multiply дают глубину без тяжёлого overlay-div.
Проверьте контраст заголовка по WCAG — blend не освобождает от проверки цвета текста.
- [background-blend-mode — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode) — Режимы наложения фона.
- [Blend modes — web.dev](https://web.dev/articles/css-blend-modes) — Обзор blend modes.
---
## Печать
В @media print отключите blend — ч/б печать может дать грязные пятна.
