Hello everyone, I'm making up a layout from photoshop
as seen on the layout, the phonon picture is horizontal
I decided to use transform skewY how to make sure that the background image does not turn over
here is my code 
.popular-position { background-size: cover; background-repeat: no-repeat; background-position: top center; transform: skewY(9deg); min-height: 600px; z-index: -1; } .popular-position > * { transform: skewY(-9deg); } <section class="popular-position" style="background-image: url(img/bg_populars.jpg);"> <div class="grid-container"> <div class="section_title"> <h2><span>Популярные </span> позиции </h2> </div> <div class="grid-x grid-padding-x grid-margin-y"> </div> </div> </section> 