CSS Gradient Animation

my.css

body {
  background: linear-gradient(293deg, #aad8cb, #dc654d, #f7d66c, #372e36, #1a1919);
  background-size: 1000% 1000%;
  -webkit-animation: background 30s ease infinite;
  -moz-animation: background 30s ease infinite;
  -o-animation: background 30s ease infinite;
  animation: background 30s ease infinite;
  height: 1vh;
  width: 1vw;
}
@-webkit-keyframes background {
    0%{background-position:96% 0%}
    50%{background-position:5% 100%}
    100%{background-position:96% 0%}
}
@-moz-keyframes background {
    0%{background-position:96% 0%}
    50%{background-position:5% 100%}
    100%{background-position:96% 0%}
}
@-o-keyframes background {
    0%{background-position:96% 0%}
    50%{background-position:5% 100%}
    100%{background-position:96% 0%}
}
@keyframes background {
    0%{background-position:96% 0%}
    50%{background-position:5% 100%}
    100%{background-position:96% 0%}
}