body {
    background: url('https://img.freepik.com/free-photo/abstract-blur-hotel-interior_1203-8529.jpg?w=2000') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }

.centered-element {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  #overlay {
    position: fixed; /* Sit on top of the page content */
    display: show; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2070;
  }
  .overlay-text{
    text-align: center;
  }