/* ------------------------------------- */
/* Image variant ....................... */
/* ------------------------------------- */
.image {
  background: url("img/bg.jpg") center;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-animation: kenburns 30s infinite;
  -moz-animation: kenburns 30s infinite;
  animation: kenburns 30s infinite;
}
    .image::after {
        content: '';
        position: absolute;
        z-index: -5;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background: rgba(45, 49, 56, 0.4);*/
        background: rgba(0, 0, 0, 0.7);
    }

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes kenburns {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}