Г-образный перекрывающийся элемент div ⇐ Html

[Anonymous]

Мне нужно создать целевую страницу с двумя панелями, расположенными рядом друг с другом. Левая панель имеет накладку в форме буквы L, которая перекрывает правую панель. Обе панели должны иметь фоновое изображение, а левое изображение также должно перекрывать правое. Изображение ниже взято из реального проекта.
Есть ли у кого-нибудь подсказки, как этого добиться? Я пытался работать с svg и путями обрезки, но безуспешно....
Дополнение: я забыл упомянуть, что левая и правая панели представляют собой интерактивные области с разными состояниями наведения с каждой стороны



Подробнее здесь: https://stackoverflow.com/questions/799 ... apping-div