html {
  background-color: rgb(254, 149, 0, 0.5);
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background: url("../../images/bg1.png");
  background-size: cover; /* Cover the entire screen */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-attachment: fixed; /* Make the background fixed */
}

/*html{
 background: url("../../images/bg1.png");
}
*/
 @media only screen and (max-width: 768px) {
 html {
background-color: rgb(254, 149, 0, 0.5);
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background: url("../../images/bg-mobile.png");  
  background-size: cover; /* Cover the entire screen */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */

 }