thesolex

SVG + 2 маски, одна пропорционально растягивается, другая непропорционально. Отрицательным margin загнать секции одна на другую.

Используйте inset box-shadow.
Например: box-shadow: inset 0 -5px 5px -5px #333;
Где #333 - цвет, можно использовать полупрозрачный через RGBA или hex полурозрачный.
Остальное настройте на свой вкус, напричер через инспектор chrome или yandex/firefox