.video-livestream {
  position: relative;
  padding-bottom: 40px;
}

.video-livestream__watermark,
.video-livestream.is-live .video-livestream__start-img,
.video-livestream.was-live .video-livestream__start-img,
.video-livestream__end-img {
  display: none;
}

.video-livestream.is-live .video-livestream__watermark,
.video-livestream.was-live .video-livestream__end-img,
.video-livestream.is-live .video-livestream__inner {
  display: block;
}

.video-livestream__start-img,
.video-livestream__end-img {
  width: 100%;
  height: auto;
}

.video-livestream__watermark {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}

.video-livestream__inner {
  position: relative;
  display: none;
}

.video-livestream__inner > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-livestream__inner::after {
  content: '';
  display: block;
  height: 0;
  padding-bottom: 56.25%;
}