.mooxi {
    display: block;
    position: fixed;
    bottom: calc(50% - 70px);
    right: 8px;
    z-index: 9;
    width: 110px;
}

.mooxi img {
    -webkit-animation: MooXi 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
    animation: MooXi 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
    width: 100%;
}


@-webkit-keyframes MooXi {
    0%,
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateY(-8px);
              transform: translateY(-8px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    80% {
      -webkit-transform: translateY(7px);
              transform: translateY(7px);
    }
    90% {
      -webkit-transform: translateY(-7px);
              transform: translateY(-7px);
    }
  }
  @keyframes MooXi {
    0%,
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateY(-8px);
              transform: translateY(-8px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    80% {
      -webkit-transform: translateY(7px);
              transform: translateY(7px);
    }
    90% {
      -webkit-transform: translateY(-7px);
              transform: translateY(-7px);
    }
  }


@media (max-width: 768px) {
    .mooxi {
        bottom: 130px;
        right: 6px;
        width: 70px;
    }

    .mooxi img {
        width: 100%;
    }
}