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

.banner-bg {
  background-color: #d9f2e6;
  background-image: url("../assets/hero-leaf1.png"),
    url("../assets/hero-leaf2.png");
  background-position: left bottom, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 400px, 400px; /* Adjust leaf size here */
}

@media screen and (max-width: 576px) {
  .banner-bg {
    background-image: url("../assets/hero-leaf1.png"),
      url("../assets/hero-leaf2.png");
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 100px, 100px;
  }
}