@media only screen and (min-width:801px) {

.animation1 {
    width: 100%;
    position: relative;
    animation-name: começacima;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}

@keyframes começacima {
    0%   {left:0px; top:0px;}
    50%  {left:0px; top:50px;}
    100% {left:0px; top:0px;}
  }
  
.animation2 {
    width: 100%;
    position: relative;
    animation-name: começabaixo;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}

@keyframes começabaixo {
    0%   {left:0px; top:0px;}
    50%  {left:0px; top:-50px;}
    100% {left:0px; top:0px;}
  }
  

  .animation3 {
    width: 100%;
    position: relative;
    animation-name: começacima;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}

@keyframes começacima {
    0%   {left:0px; top:0px;}
    50%  {left:0px; top:50px;}
    100% {left:0px; top:0px;}
  }
  
.animation4 {
    width: 100%;
    position: relative;
    animation-name: começabaixo;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}

@keyframes começabaixo {
    0%   {left:0px; top:0px;}
    50%  {left:0px; top:-50px;}
    100% {left:0px; top:0px;}
  }
  
}