Как сверстать такой элемент (overflow + transofrm)?

Question

[Андрей Никифоров]

Собственно пытался сверстать такой блок



получилось вот https://codepen.io/true404/pen/poEYzzz , трудность в отступах, нужно картинку поднять за пределы блока (пытался через градиент, но не вышло), трудность в overflow, её пришлось применить из-за трансформации

Answer 1

[Максим]

Мне помогли с js но в общем так => https://codepen.io/topicstarter/pen/xxEBxeo

Comments

[Андрей Никифоров]

оказывается всё куда проще
transform: skew(-6deg);

Answer 2

[nandeaitsurawapinku]

может вы ищете это https://html5book.ru/css-position/?