.page-product-external-video {
  display: inline-grid;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: relative;
  width: 100%;
}
.page-product-external-video__container {
  background-color: #000;
  display: block;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
  width: 100%;
}
.page-product-external-video__iframe {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-product-external-video__container img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: opacity 100ms ease-in-out;
  width: 100%;
}
.page-product-external-video__container img.is-hidden {
  opacity: 0;
  transition: opacity 250ms 250ms ease-in-out;
}
.page-product-external-video__overlay {
  background: rgba(0,0,0,0.5);
  background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(0,0,0,0.8) 100%);
  cursor: pointer;
  height: 100%;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  width: 100%;
}