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

.bg {
    /* The image used */
    background-image: url("sea.jpg");
    height:100%;
    width: 150%; 
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    animation: zoom-out 15s forwards;
}
@keyframes zoom-out {
  100%{
    width: 100%;
  }
  
}
  
.fg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:40px;
}