Как сделать такую фигуру с тенями?

Question

[Владислав Бойченко]

Добрый вечер!
Стоит задача сверстать элемент, чт на картинке обведен красным. Это бутстрап, под логотип выделено 3 колонки, соответствено треугольник должен быть только в этих трех колонах, в это же время у родительского блока должна быть тень по всей ширине. Картинку наложить не получается, так как тень картинки перекрывает css-тень родительского блока, пробовал сделать треугольник через SVG, но та же проблема. Может кто-то такое реализовывал?
Спасибо!

Comments

[Иван]

псевдоэлемент+ z-index

[Иван]

https://www.youtube.com/watch?v=mel_9BNIt6s&list=P...

[Владислав Бойченко]

Иван, неважно, псевдоэлемент или просто картинка, все равно, когда блок с тенями будет над блоком с тенями, теню накроются и в этом месте будет двойная тень

Answer 1

[ElijahTr]

Я бы сделал что-нибудь такое:
https://codepen.io/elijah_tr/pen/MrYXpw
(Не ie и не edge)

Answer 2

[DTX]

https://codepen.io/anon/pen/rpejQW
Смысл должен быть понятен