L-shaped overlapping div

2 weeks ago 19
ARTICLE AD BOX

I need to build a landing page, with 2 panels which are next to each other. The left panel has a L shaped overlay, which overlaps the right panel. Both panels should have a background image, and the left image should also overlap the right one. The image below is from the actual design.

Does anyone have any hints on how I can achieve this? I tried to work with svg and clip paths but no success....

Addon: i forgot to mention that, the left and right panel are clickable areas, with different hover states on each side

landingpage screenshot

Read Entire Article