@media screen and (min-width: 768px) {
  @keyframes animation-1 {
    0% {
      margin-top: 0;
    }

    100% {
      margin-top: 10px;
    }
  }

  @keyframes animation-2 {
    0% {
      margin-bottom: 0;
    }

    100% {
      margin-bottom: 10px;
    }
  }

  .aniamtion-key-1 {
    position: relative;
    animation-name: animation-1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
  .aniamtion-key-2 {
    position: relative;
    animation-name: animation-2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
}