@media(max-width:669px) { .mv-bg { background: linear-gradient(135deg, hsl(170deg, 25%, 20%), hsl(190deg, 45%, 30%), hsl(240deg, 25%, 20%), hsl(280deg, 45%, 30%), hsl(320deg, 30%, 60%)); background-size: 500% 500%; -moz-background-size: 500% 500%; -webkit-background-size: 500% 500%; animation: bg-linear 60s infinite; height: 100%; width: 100%; position: absolute; top: 0%; left: 0; z-index: -1; } @keyframes bg-linear { 0% { background-position: 0% 0%; } 20% { background-position: 50% 0%; } 40% { background-position: 0% 50%; } 60% { background-position: 100% 0%; } 80% { background-position: 0% 100%; } 100% { background-position: 0% 0%; } } }