Homebot - custom element

/* html */

<div class="container">
  <div class="redesign image-opening-section first_section">
    <div class="heading">
      <h1 class="h3">HOME VALUATION</h1>
    </div>
    <div id="homebot_homeowner"></div>
  </div>
</div>

<script>
(function (h,b) {
var w = window, d = document, s = 'script', x, y; w['__hb_namespace'] = h;
w[h] = w[h] || function ()
{ (w[h].q=w[h].q||[]).push(arguments) };
y = d.createElement(s);
x = d.getElementsByTagName(s)[0];
y.async = 1; y.src = b;
x.parentNode.insertBefore(y,x) })
('Homebot','https://embed.homebotapp.com/lgw/v1/widget.js');
Homebot('#homebot_homeowner', '4e57bc303479c31f0eaebb4a21967e008bad1566c15e94df',  {
    'theme': 'dark-mode-theme'})
</script>


/* css */

.container {
  min-height:100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align:center;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 3em;
  margin-bottom: 3em;

  .image-opening-section {
    width:100%
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}


@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    padding-left: 0;
    padding-right: 0;
    width: 1150px;
  }
}