.block-video__video iframe {
    aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
}

.block-video--has-image .block-video__video {
  display: none;
}

.block-video .block-video__image:hover {
  cursor: pointer;
}
.block-video .block-video__play-button {
  position: absolute;
  z-index: 1000;
  top: 45%; /* 50% - half of height */
  left: 45%;
  display: block;
  width: 10%;
  height: 10%;
  max-width: calc(var(--vertical-rhythm-unit) * 10);
  height: auto;
  text-indent: -10000px;
  pointer-events: all;
  color: var(--color-white);
}

.block-video.show-video .block-video__video {
  display: block;
}
.block-video .block-video__image {
  position: relative;
}
.block-video.show-video .block-video__image {
  display: none;
}