.body__header::before, .body__header::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(58, 209, 178, 0.3), rgb(58 209 178 / 74%) 50%, transparent 100%); filter: blur(30px); /* Можно регулировать размытие */ z-index: -1; /* Устанавливаем позади содержимого */ animation: aurora-move 15s infinite ease-in-out; } .body__header::after { background: radial-gradient(circle, rgba(184, 58, 209, 0.3), rgb(184 58 209 / 71%) 50%, transparent 100%); animation: aurora-move-secondary 20s infinite ease-in-out; } @keyframes aurora-move { 0% { transform: translateX(0) translateY(0) scale(1.2); } 50% { transform: translateX(-20%) translateY(-10%) scale(1.3); } 100% { transform: translateX(0) translateY(0) scale(1.2); } } @keyframes aurora-move-secondary { 0% { transform: translateX(0) translateY(0) scale(1.1); } 50% { transform: translateX(10%) translateY(5%) scale(1.25); } 100% { transform: translateX(0) translateY(0) scale(1.1); } }