body{
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #333;
    /* background-image: url('../images/WallpaperDog-20582978.png'); */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.overlay {
  position: relative;
  padding: 80px 0; /* Adjust padding as needed */
  min-height: 100vh;

  /* Overlay styles */
  &::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgb(178 0 255 / 30%); Adjust opacity here */
    z-index: 1; /* Ensure it's below the content */
  }

  /* Ensure text is on top of the overlay */
  .hero{
    position: relative;
    z-index: 2;
  }
  .services {
    position: relative;
    z-index: 2;
  }
  .blah{
    color: black;
    position: relative;
    z-index: 2;
  }
  .please{
    color: black;
    position: relative;
    z-index: 2;
  }
  .projects{
    position: relative;
    z-index: 2;
  }
}