* {
  font-family: "Inter", sans-serif;
}

  html {
    scroll-behavior: smooth;
  }
.bg-img {
  background-image: url("./assets/hero-leaf1.png"),
    url("./assets/hero-leaf2.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  background-size: contain, contain;
}

@media (max-width: 768px) {
  .bg-img {
    background-image: url("./assets/hero-leaf1.png");

    background-position: left center;
    background-size: cover;
  }
}