.loader{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100000;
  backface-visibility: hidden;
  background: #ffffff;">
}

.preloader_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 999999
}

.login {
  text-align: center;
}

.image {
  margin: 0;
  padding: 0;
  background: url(../img/ryba2.png);
  background-size: auto;
  background-repeat: repeat-x;
  -webkit-animation: animate 10s linear infinite
}

@keyframes animate {
  0%
  {
    background-position: left 0px top 170px;
  }
  40%
  {
    background-position: left 800px top -115px;
  }
  80%
  {
    background-position: left 1800px top -115px;
  }
  100%
  {
    background-position: left 2400px top 170px;
  }
}