0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | .custom-top { /*margin-top: 50px;*/ background-image: url(back.jpg); background-size: cover; position: relative; background-position: 0 -50px !important; } .custom-top::before { content: ""; position: absolute; width: 100%; height: 50px; top: -49px; left: 0; -webkit-clip-path: polygon(0% 100%, 15% 41%, 28% 84%, 45% 21%, 63% 84%, 77% 10%, 84% 95%, 94% 56%, 100% 100%); clip-path: polygon(0% 100%, 15% 41%, 28% 84%, 45% 21%, 63% 84%, 77% 10%, 84% 95%, 94% 56%, 100% 100%); background-image: inherit; background-size: cover; /*background-position: 100px 5px;*/ } |