.scene { background: none; }
.scene-slide { position: absolute; inset: 0; background-position: center right; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity 3s ease-in-out; }
.scene-slide.is-active { opacity: 1; }
.scene::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#061629 0%,rgba(6,22,41,.94) 23%,rgba(6,22,41,.5) 48%,rgba(6,22,41,.03) 75%),linear-gradient(0deg,#061629 0%,transparent 29%,transparent 80%,rgba(6,22,41,.5)); }
@media (max-width: 850px) {
  .scene-slide { background-position: 64% center; }
  .scene::after { background: linear-gradient(90deg,#061629f5,#061629bd 35%,#06162935),linear-gradient(0deg,#061629,transparent 60%); }
}
@media (max-width: 520px) {
  .scene-slide { background-position: 60% top; }
  .scene::after { background: linear-gradient(90deg,#061629e8,#061629a8),linear-gradient(0deg,#061629,transparent 80%); }
}
@media (prefers-reduced-motion: reduce) { .scene-slide { transition: none; } }