.box-shadow-image {
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
}

.hero-background {
  background-image: url('/images/background-mobile.webp');
  background-repeat: no-repeat;
}

.background-secondary {
  background-image: url('/images/background-leaf.webp');
  background-repeat: no-repeat;
}

.landing-bg {
  background-image: url('/images/landing-bg-mobile.webp');
  background-repeat: no-repeat;
}

@media (min-width: 501px) {
  .landing-bg {
    background-image: url('/images/landing-bg.webp');
  }
}

@media (min-width: 768px) {
  .hero-background {
    background-image: url('/images/background-desktop.webp');
  }
}