HTML example:
<section class="hero-area pt-200 pb-120"> <div class="shape-slider"> <img class="shape shape-1 " src="img/shape/shape1.png" alt=""> <img class="shape shape-2 " src="img/shape/shape2.png" alt=""> <img class="shape shape-3 " src="img/shape/shape3.png" alt=""> <img class="shape shape-4 " src="img/shape/shape4.png" alt=""> </div> <div class="container"> <div class="row align-items-center"> <div class="col-lg-7"> <div class="hero-title"> <h6>Digital Marketing Agency</h6> <h1>Best <span>Digital Marketing Agency </span>For Business.</h1> <a href="#" class="button mr-20 active">Learn More</a> <a href="https://www.youtube.com/watch?v=ctvlUvN6wSE" class="button" data-lity>Play Video</a> </div> </div> <div class="col-lg-5"> <div class="hero-img wow fadeInRight animated" data-wow-duration="2.5s"> <img src="img/hero/hero-img.png" alt=""> </div> </div> </div> </div> <div class="shape-1-img d-m-none"> <img src="img/shape/shape-1.png" alt=""> </div> </section>