<div class="circle position-absolute"></div>


<h3>Chat widget placeholder</h3>
<div style="width: 100%;">
  <div class="imbachat_ph" id="imbachat_ph">
    
  </div>
</div>

<script src="https://api.imbachat.com/imbachat/v1/341/widget"></script>
<script>
  let ph_settings = {enable:0, holder_ph: 'imbachat_ph'};
window.imbaApi.load(ph_settings);
</script>
.main-phone {
  background: url(https://imbachat.com/themes/imbachat/assets/img/main-phone.svg)
    no-repeat;
  width: 380px;
  height: 700px;
  float: right;
  margin-top: -25px;
}
.position-absolute {
  position: absolute !important;
}
.imbachat_ph {
    position: relative;
    height: 500px;
    width: 100%;
}
.circle {
  width: 2000px;
  height: 2000px;
  top: -1200px;
  right: 50px;
  z-index: -1;
  border-radius: 50%;
  background: linear-gradient(183.15deg, #b2dfff 63.89%, #549cff 97.24%);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.