<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.3/iframeResizer.min.js"></script>
<style type="text/css">
  iframe { width: 1px; min-width: 100%; border: none }

  .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    content: "";
  }

  .bc_main {
    padding: 30px 10px;
  }
</style>

<div class="bc_main">
  <iframe
    id="becollectivevrc"
    src="https://becollective.com/management-portal?clientId=5c5b69910c8a1000233fe807"
    scrolling="no"
  >
  </iframe>
</div>
<script>
  const iframes = iFrameResize({ log: false, checkOrigin: false }, '#becollectivevrc');
  console.log('iFrameResize', iframes);
</script>