.hero-wave{ height:500px; background:url(hero.jpg) center/cover no-repeat; border-bottom-left-radius:30px; border-bottom-right-radius:30px; position:relative; overflow:hidden; } .hero-wave::after{ content:""; position:absolute; bottom:-12px; left:0; width:100%; height:20px; background:#3bb3c8; border-bottom-left-radius:30px; border-bottom-right-radius:30px; }