.banner{ width:100%; height:400px; background-repeat: no-repeat; background-size: cover; background-position: center center; clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%); } .banner .wrap{ position:relative; height:100%; padding-left:10px; padding-right:10px; box-sizing: border-box } .banner .wrap > i{ margin-top:50px; float:right; color:#fff; font-size:200px } .banner .box{ position:absolute; margin-top:60px; background:rgba(0, 0, 0, 0.7); width:auto; border-radius: 10px; margin-right:10px; } .banner .caption { position: relative; color:#fff; z-index: 2; margin: 20px; margin-right:30px; } .banner h1{ font-size:45px; font-weight:500; } .banner h2{ font-size:xx-large; font-weight:500; }