/* responsive-iframe.css */
.iframe-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

@media (max-width: 768px) {
  .iframe-container {
    height: 45vh !important;       /* % Tinggi dari layar, cukup luas tapi tidak penuh */
    min-height: 500px !important;  /* Jaga minimum agar tidak terlalu pendek */
    padding-top: 0 !important;     /* Hilangkan rasio padding */
  }

  .iframe-container iframe {
    position: relative !important;
    height: 100% !important;
  }
}