<header>
    <div class="cdt-top-nav border">
      <div class="logo">
        <a href="#">Logo here</a>
      </div>
      <div class="navigations menu-right">
        <nav>
          <ul>
            <li><a href="#">Why Kodhus?</a></li>
            <li><a href="#">Prototypes</a></li>
            <li class="selected"><a href="#">About Us</a></li>
            <li><a href="#">Your team</a></li>
          </ul>
        </nav>
      </div>
    </div>
</header>
<main>
  <section data-bg-parallax="true"></section>
  <section>Kodhus Background parallax</section>
  <section data-bg-parallax="true"></section>
  <section>Easily customizable</section>
  <section data-bg-parallax="true"></section>
  <section>Cool effect</section>
</main>
section {
  height: 400px;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background-size: 100%;
}
section:nth-child(1) {
  background-image: url('https://assets.volvocars.com/~/media/ccs/homepage/hero_images/sup00066_1440x810.jpg');
  
}
section:nth-child(3) {
  background-image: url('https://www.audi.com/content/dam/gbp2/experience-audi/models-and-technology/concept-cars/aicon/1920x1080-desktop-concept-cars-aicon-2.jpg?imwidth=1920&imdensity=1');
}
section:nth-child(5) {
  background-image: url('https://mediapool.bmwgroup.com/cache/P9/201810/P90326038/P90326038-the-first-ever-bmw-x7-with-design-pure-excellence-in-arctic-grey-light-alloy-wheels-styling-757-10-2-2248px.jpg');
}
@media screen and (max-width: 768px) {
  section:nth-child(2n+1) {
    height: 250px;
  }
}