.hero-section {
     height: 32rem;
     /* h-96 */
     background-image: url('Images/about.jpg');
     background-size: cover;
     background-position: center;
 }

 .Servicehero-section {
     background-image: url('/Images/services.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .contact-section {
     background-image: url('/Images/contact.jpg');
     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;
 }