.hero-section {
    position: relative;
    min-height: 99vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
    overflow: hidden;
	background-color: transparent; 
	border-bottom: 2px solid #fff;
}
	
.hero-section::before {
  content: ""; /* Create a pseudo-element */
  position: absolute; /* Position the pseudo-element absolutely */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-image: url('../img/oilWater.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
background-attachment: fixed;
  opacity: 0.3; /* Apply opacity to the pseudo-element */
}


.hero-section#massage::before  {
	background-image: url('../img/massage3.jpg');
}