@keyframes GradientAnimation { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #fff; animation: GradientAnimation 5s ease infinite; background: linear-gradient(270deg, #42b095, #9733EE); } .container { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; } .media { text-align: center; border: 1px solid #fff; padding: 1rem; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; z-index: -1 }