/* Hero Section with Background Image */
.hero-section {
  background-image: url('/images/Sapa/hero-sapa.jpeg');
  background-image: image-set(url('/images/Sapa/hero-sapa.webp') type('image/webp'), url('/images/Sapa/hero-sapa.jpeg') type('image/jpeg'));
}
@media (max-width: 800px) {
  .hero-section { background-image: image-set(url('/images/Sapa/hero-sapa-800.webp') type('image/webp'), url('/images/Sapa/hero-sapa.jpeg') type('image/jpeg')); }
}