/* Hero Section with Background Image */
.hero-section {
  background-image: url('/images/ba-be-lake/meer-tussen-beboste-bergen.jpeg');
  background-image: image-set(url('/images/ba-be-lake/meer-tussen-beboste-bergen.webp') type('image/webp'), url('/images/ba-be-lake/meer-tussen-beboste-bergen.jpeg') type('image/jpeg'));
}
@media (max-width: 800px) {
  .hero-section { background-image: image-set(url('/images/ba-be-lake/meer-tussen-beboste-bergen-800.webp') type('image/webp'), url('/images/ba-be-lake/meer-tussen-beboste-bergen.jpeg') type('image/jpeg')); }
}