.hero-cinema{
  background:#222;
}
.hero-cinema__slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:0;
  will-change:transform,opacity;
  pointer-events:none;
  user-select:none;
  transition:opacity 1s ease-in-out;
  z-index:0;
}
.hero-cinema__slide:first-child{
  opacity:1;
}