.hostaria-gradient { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: visible; background: var(--cover-bg-color); z-index: -1; } .hostaria-gradient::before { content: ""; position: absolute; inset: -30%; filter: blur(80px) saturate(1.2); opacity: 0.65; animation: hostaria-gradient-anim 12s ease-in-out infinite alternate; pointer-events: none; z-index: -1; } @keyframes hostaria-gradient-anim { from { transform: translate3d(-4%, -3%, 0) rotate(0deg); } to { transform: translate3d(4%, 3%, 0) rotate(36deg); } } @media (prefers-reduced-motion: reduce) { .hostaria-gradient::before { animation: none; } }