<style>
  .zc-component, .min-page-container {
    max-width: 100% !important;
    width: 100% !important;
    min-height: 1000px !important;
    height: 3000px !important;
    display: block; /* Ensures container behaves as a block element */
  }
  
  #iframe {
    width: 100%;
    border: none;
    transition: height 0.2s ease; /* Optional: smooths the height transition */
  }
</style>

<!-- iFrame for the Disney Travel Center -->
<iframe id="iframe" src="https://www.disneytravelcenter.com/ec910b941e/"></iframe>

<!-- JavaScript to handle cross-origin height communication -->
<script>
  window.addEventListener('message', (e) => {
    // Check for the frameHeight property in the message data
    if (e.data && e.data.hasOwnProperty("frameHeight")) {
      const newHeight = e.data.frameHeight + 30;
      document.getElementById("iframe").style.height = `${newHeight}px`;
    }
  });
</script>