transformプロパティのskewで写真を傾斜変形

divを入れ子にして内側のdivに背景画像をbackground-size: cover;で配置

外側のdivにtransform: skew(45deg);を設定

外側のdivにwidth: 66.67%;を設定

内側のdivにtransform: skew(-45deg);を設定

外側のdivにoverflow: hidden;を設定

内側のdivにtransform: skew(-45deg) scale(1.5);を設定