/* Styling default untuk Desktop (Lebih pendek/landscape) */
.iframe-container {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%; /* Rasio standar 16:9 untuk Desktop */
}

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

/* Khusus layar HP/Tablet (Lebar maksimal 768px) */
@media (max-width: 768px) {
  .iframe-container {
      width: 100%;
      max-width: 100%;
      display: block;
      padding-bottom: 230%; 
  }
}