<div class="hero">
    <div class="hero-slide">
      <div
        class="img overlay"
        style="background-image: url('images/hero_bg_3.jpg')"
      ></div>
      <div
        class="img overlay"
        style="background-image: url('images/hero_bg_2.jpg')"
      ></div>
      <div
        class="img overlay"
        style="background-image: url('images/hero_bg_1.jpg')"
      ></div>
    </div>

    <div class="container">
      <div class="row justify-content-center align-items-center">
        <div class="col-lg-9 text-center">
          <h1 class="heading" data-aos="fade-up">
            Easiest way to find your dream home
          </h1>
          <form
            action="#"
            class="narrow-w form-search d-flex align-items-stretch mb-3"
            data-aos="fade-up"
            data-aos-delay="200"
          >
            <input
              type="text"
              class="form-control px-4"
              placeholder="Central District Abuja"
            />
            <button type="submit" class="btn btn-primary">Search</button>
          </form>
        </div>
      </div>
    </div>
  </div>