Как выполнить такой эффект с помощью css?

Question

[Олег]

Нужно сделать вот такой скос в одной из секций сайта, не как не выходит сделать. Подскажите где можно посмотреть или как его реализовать? Только начинаю пробовать себя в верстке и вот застрял на этом моменте.

Comments

[Евгений]

transform: rotate(<угол>);
+ z-index

[profesor08]

Каждый второй вопрос про скос, когда же вы научитесь

[Олег]

profesor08, я думаю сколько будет начинающих, столько же и данных вопросов

Answer 1

[Андрей Федоров]

Как вариант - https://codepen.io/aliencash/pen/yLNJaye?editors=1100

Comments

[Олег]

пустой код(

[Андрей Федоров]

Олег, исправил.

Answer 2

[Олег]

Вариант еще

Answer 3

[Andrey Vasilev]

У тебя 2 блока.
Левый под текст, правый под картинку.
Флексани их, а картинку просто вставь такой, какая она в макете.
https://codepen.io/Nolis/pen/RwPRGNe - вот один из вариантов через after.

Comments

[Lord_Dantes]

Это неправильно

[Andrey Vasilev]

s l a v e, почему?

[Lord_Dantes]

Andrey Vasilev, потому-что он не будет расширятся как нужно от кол-ва текста внутри.