body {
  text-align: center;
  background-color: #000;
}

#container {
  margin: 50px auto;
  position: relative;
  width: 450px;
  height: auto;
  display: inline-block;
}
#container img.iphone {
  width: 100%;
  height: auto;
}
#container img.screen {
  position: absolute;
  top: 3%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 87%;
  height: auto;
  border-radius: 2em;
  overflow: hidden;
}
@supports (mask-size: contain) or (-webkit-mask-size: contain) {
  .container img.screen {
    border-radius: 0;
    -webkit-mask-image: url("./images/iphone-cutout.svg");
    mask-image: url("./images/iphone-cutout.svg");
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
#inner-container {
    position: absolute;
    bottom:17px;
    right:20px;
    height:730px;
    width:400px;
}
div#be-frame{
    position:absolute !important;
}

div#be-chat-container{
    position:absolute !important;
}