/* GLOBAL responsive behavior */
.hero {
   background-image: url('uploads/hero_1763580599.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 65vh;  /* makes mobile look balanced */
  display: flex;
  align-items: center;
}

/* MOBILE FIX */
@media (max-width: 600px) {
  .hero {
    min-height: 55vh; /* reduce height on mobile */
    background-position: top center; /* shows more of the pool image */
  }

  .hero::before {
    background: rgba(0,0,0,0.55); /* slightly darker overlay for readability */
  }
}