#webcam-container{
  background: center / contain no-repeat url(../assets/main_page.jpg);
  position:relative;
}
canvas {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
}

video {
  background: center / contain no-repeat url(../assets/main_page.jpg);
  width: 480px   !important;
  height: auto  !important;
  margin: 0;
  border: 0px;
}

  @media only screen and (max-width: 467px){
    canvas {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
    }
      video {
  width: 320px  !important;
  height: auto !important;
  margin: 0 auto;
  border: 0px;
}
  }