body, html {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

#bg {
    /* The image used */
    background-image: url("starsky.jpg");
    height:100%;
    width: 150%; 
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: zoom-out 30s linear infinite alternate;
}

@keyframes zoom-out {
  100%{
    width: 100%;
  }
}

  
.fg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:40px;
}