#loginani {
  position: relative;
  animation: mymove 1s infinite alternate-reverse;
}
#test {
  position: relative;
  animation: test 2s alternate-reverse;
}
#cover1 {
  position: relative;
  animation: cover 3s infinite alternate-reverse;
}
#opaciti {
  animation: opaciti 3s;
}
#opacitivideo {
  animation: opaciti 6s;
}

@keyframes yourAnimation {
  0.0% {
    transform: scale(1) translate(40px, 100px);
  }
}

@keyframes mymove {
  from {
    left: 0px;
  }
  30% {
    left: 10px !important;
  } /* ignored */
  to {
    left: 9px;
  }
}

@keyframes cover {
  from {
    left: 0px;
  }
  50% {
    left: 100px !important;
  } /* ignored */
  to {
    left: 50px;
  }
}

@keyframes test {
  from {
    bottom: 0px;
  }
  50% {
    bottom: 80px !important;
  } /* ignored */
  to {
    bottom: 70px;
  }
}

@keyframes opaciti {
  0% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}