/* Set height to 100% for body and html to enable the background image to cover the whole page: */
body, html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
  }
  
  .bgimg {
    /* Background image */
    background-image: url('/wedding.jpg');
    /* Full-screen */
    height: 100%;
    width:100%;
    /* Center the background image */
    background-position: center;
    /* Scale and zoom in the image */
    background-size: cover;
    /* Add position: relative to enable absolutely positioned elements inside the image (place text) */
  }
  /* Position text in the middle */