#skyline {
  position:absolute;
  /* top:40px; */
  width: 100%;
  height:600px;
  cursor:pointer;
  background:url(../img/important.png)repeat-x 0 0;
  -webkit-animation: scrollLeft 5s infinite linear;
  animation: scrollLeft 12s infinite linear;
}
#cyclist {
  position:absolute;
  top:258px;
  left:98px;
  width:260px;
  height:800px;
  cursor:pointer;
  background:url(../img/cycle.png)no-repeat 0 0;
}
#cyclist:hover, #skyline:hover {
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
#cyclist:hover > div.msg {
  top:-50px;
  left:0px;
  font-size:0.9em;
  opacity:1
}
#skyline:hover > div.msg {
  opacity:1
}
div.msg {
  display:block;
  height:40px;
  position:absolute;
  top:60px;
  left:calc(50% - 3.5em);
  font-family:Georgia, serif;
  font-weight:bold;
  font-size:2em;
  color: black;
  text-align:center;
  padding-top:16px;
  opacity:0;
}

/* Keyframes */
@-webkit-keyframes moveRight {
  0%, 10% {
    left:calc(28% + 50px);
  }
  10%, 94% {
  }
  95% {
  }
  100% {
  }
}
@keyframes moveRight {
  0%, 10% {
    left:calc(28% + 50px);
  }
  10%, 94% {
  }
  95% {
  }
  100% {
    left: calc(70% - 50px);
  }
}
@-webkit-keyframes scrollLeft {
   0%, 20 { 
    background-position: 0 0;
  }
  10%, 94% {
  }
  95% {
  }
  100% {
  }
  100% {
    background-position: -700px 0;
  }
}
@keyframes scrollLeft {
   0%, 20 { 
    background-position: 0 0;
  }
  10%, 94% {
  }
  95% {
  }
  100% {
  }
  100% {
    background-position: -700px 0;
  }
}