body, html {
    height: 100%;
}

.banner-image {
  background-image: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), url("/images/Pool.jpg");
  height: 75%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.banner-text {
  text-align: left;
  position: absolute;
  /* top: 5%;
  left: 5%;
  transform: translate(-50%, -50%); */
  color: white;
  font-weight: bold;
}

.login-text {
  width: 262px;
  background-color: #888888;  
  text-align: center;        
  position: absolute;
  top: 70px;
    right: 10px;
    /* left: 10px; */
  margin-left:auto; 
  margin-right:auto;
}

.banner-text2 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}