.lazy-video {
  position: relative;
  overflow: hidden;
}

.lazy-video__media {
  opacity: 0;
}

.lazy-video.is-video-ready .lazy-video__media {
  opacity: 1;
}

.lazy-video.is-video-ready .lazy-video__poster {
  opacity: 0;
}

.lazy-video__poster,
.lazy-video__media {
  transition: opacity 220ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .lazy-video__poster,
  .lazy-video__media {
    transition: none;
  }
}