.motion-player {
  position: relative;
  overflow: hidden;
  border-radius: .45rem;
  background: #e8eee9
}

.motion-player .motion-still,
.motion-player .motion-photo {
  display: block;
  width: 100%;
  height: auto
}

.motion-player .motion-photo {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .18s
}

.motion-player.is-playing .motion-photo {
  opacity: 1
}

.motion-player.is-playing .motion-still {
  visibility: hidden
}

@media(prefers-reduced-motion:reduce) {
  .motion-player .motion-photo {
    display: none
  }
}