#cover {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity 1s ease-out, background-image 2s ease-in-out;
  cursor: pointer;
}

.logo {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 540px;
}

/* preload first project cover */
#cover::after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
   content: url("/assets/projects/projectCovers/098F-huvosvolgyi151.jpg");
}