.video-block .video-container {
  height: 320px;
  position: relative;
  width: 100%;
}

.video-block .video-container iframe:not([width][height]) {
  width: 100%;
  height: 100%;
}

.video-container iframe[width][height]{
  display: block;
}

.video-container:has(iframe[width][height]){
  width: fit-content;
  margin: auto;
  height: auto;
}

.video-block .video-container .video-player {
  object-fit: cover;
}

.video-block .controls {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-block .video-container:hover .controls {
  visibility: visible;
}

.video-block .controls button.pause {
  display: none;
}

.video-block .video-container .controls button {
  background: none;
  border: none;
}

@media screen and (max-width: 992px) {
  .video-container:has(iframe[width][height]){
    width: 100%;
  }

  .video-block .video-container iframe {
    width: 100%;
  }
}