body::before { content: ""; position: fixed; top: -50%; left: -50%; width: 250%; height: 250%; background: transparent url("/wp-content/uploads/2025/08/noise-transparent-1.png") repeat 0 0; background-size: 250px 250px; animation: noise-animation 0.3s steps(5) infinite; opacity: 0.9; will-change: transform; z-index: 999999; pointer-events: none; } @media only screen and (max-width: 768px) { body::before { background-size: 250px 250px; } } @keyframes noise-animation { 0% { transform: translate(0, 0); } 10% { transform: translate(-2%, -3%); } 20% { transform: translate(-4%, 2%); } 30% { transform: translate(2%, -4%); } 40% { transform: translate(-2%, 5%); } 50% { transform: translate(-4%, 2%); } 60% { transform: translate(3%, 0); } 70% { transform: translate(0, 3%); } 80% { transform: translate(-3%, 0); } 90% { transform: translate(2%, 2%); } 100% { transform: translate(1%, 0); } } .brxe-video video { pointer-events: none; }  .bg-square-topcenter { position: relative; width: 100%; aspect-ratio: 1 / 1;  overflow: hidden; }  .bg-square-topcenter > video { position: absolute; inset: 0;  width: 100%; height: 100%; object-fit: cover;  object-position: 50% 0%;  } .brxe-video.is-bg, .brxe-video.is-bg video { pointer-events: none;  }