.hero-section {
     height: 24rem;
     /* h-96 */
     background-image: url('https://images.unsplash.com/photo-1501594907352-04cda38ebc29?auto=format&fit=crop&w=1600&q=80');
     background-size: cover;
     background-position: center;
 }

 .Servicehero-section {
    background-image: url('https://images.unsplash.com/photo-1494526585095-c41746248156?ixlib=rb-4.0.3&auto=format&fit=crop&w=1400&q=80');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

 .hero-overlay {
     position: absolute;
     inset: 0;
     background-color: rgba(30, 58, 138, 0.6);
     /* Tailwind's blue-900 w/ opacity */
     display: flex;
     align-items: center;
     justify-content: center;
 }