.elementToFadeInAndOut {
    -webkit-animation: fadeinout 4s linear 1 forwards;
    animation: fadeinout 4s linear 1 forwards;
}


.elementToFadeInAndOut2 {
    -webkit-animation: fadeinout 8s linear 1 forwards;
    animation: fadeinout 8s linear 1 forwards;
}


@-webkit-keyframes fadeinout {
  0% { opacity: 0; }
  20% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeinout {
  0% { opacity: 0; }
  20% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; }
}


.elementToFadeIn {
    -webkit-animation: fadein 4s linear 1 forwards;
    animation: fadein 4s linear 1 forwards;
}

@-webkit-keyframes fadein {
  0% { opacity: 0; }
  20% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes fadein {
  0% { opacity: 0; }
  20% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 1; }
}