Как сделать такой эффект перекрытия фото?
Возможно, натолкнёт на какие-то мысли: jsfiddle.net/87tsx006/1.
Перенес сюда из комментов пару вариантов, чтобы сразу было видно. Все размеры относительны (+ округлил значения расстояний), осталось только переписать согласно вашему стилю/препроцессору.
Только нижняя часть уезжает: jsfiddle.net/ozzh04k9
Обе: jsfiddle.net/cuyLpz8b
Также можно было использовать SVG: с ним потенциально меньше проблем со сглаживанием/размытием (а они иногда возникают с rotate, особенно в webkit), но больше с текстом (не разместить с переносом, например).