p + h2 {
    margin-top: 2.5rem;
  }

/* For screens wider than 1260px */
.hero {
    background-color: var(--clr-neutral-150);
    background-image: url('/images/nhca-hero-home.jpg');
    background-repeat: no-repeat; /* Prevent background from repeating */
    background-position: top center;
  }

  .hero-involved{
    background-image: url('/images/hero-involved-b.jpg');
  }
  
  /* For screens 800px or narrower */
  @media (max-width: 800px) {
    .hero {
      background-image: url('/images/nhca-hero-home-mobile.jpg'); /* Switch to mobile image */
      background-size: cover;
      padding-bottom: 100%;
      /* Other styles for mobile view */
    }
    .hero-involved{
      background-image: url('/images/hero-involved-mobile-b.jpg');
    }
  }

 

  
  
  /* For screens between 800px and 1260px */
  @media (min-width: 801px) and (max-width: 1260px) {
    .hero {
      padding-bottom: calc(100% / 2.52); /* 5:1 aspect ratio (500px / 100px) */
      background-size: cover; /* Image scales to cover the container */
    }
  }
  
  /* For screens wider than 1260px */
  @media (min-width: 1261px) {
    .hero {
      min-height: 500px; /* Minimum height for the hero section */
    }
  }