.theme-background { position: fixed; inset: 0; z-index: 0; pointer-events: none;
  overflow: hidden; background: #202020; }
.theme-background img { position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; opacity: 0; }
.theme-background img:first-child { opacity: 1; }
.theme-background::after { content: ""; position: absolute; inset: 0;
  background: rgb(0 0 0 / 36%); }
body > main { position: relative; z-index: 1; }
@media (prefers-reduced-motion: no-preference) {
.theme-background img { animation: theme-fade 120s linear infinite; }
.theme-background img:nth-child(1) { animation-delay: -5s; }
.theme-background img:nth-child(2) { animation-delay: 15s; }
.theme-background img:nth-child(3) { animation-delay: 35s; }
.theme-background img:nth-child(4) { animation-delay: 55s; }
.theme-background img:nth-child(5) { animation-delay: 75s; }
.theme-background img:nth-child(6) { animation-delay: 95s; }
@keyframes theme-fade {
0%, 100% { opacity: 0; }
4.166667%, 16.666667% { opacity: 1; }
20.833333% { opacity: 0; }
}
}