Как сделать див с картинкой внутри в форме трапеции?

В один div
https://jsfiddle.net/Ankhena/4bzutwac/
угол и размеры под себя адаптируйте

Можно не вторым фоном, а к ::after.

div {
    width: 80%;
    height: 300px;
    margin: 20px auto;
    background: linear-gradient(to right top, transparent 49.8%, #fff 50.2%) no-repeat right / 100px 100%, url(http://zastavok.net/main/priroda/1446112087.jpg) no-repeat top center / cover;
}