#Overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none; /* Optional: allows clicks to pass through if needed */
  z-index: 999; /* Optional: keep it on top of other content */
}

#Overlay img,
#Theroad {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
  
  #Theroad{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2; /* higher index appears on top */
  }
  #Theroad {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: transform 0.3s ease; /* smooth animation */
}

/* Hover effect */
#Theroad:hover {
  transform: translate(-50%, -50%) scale(1.1); /* scale up 10% */
}