title: How to make responsive faceframe in react?
body: <p>I'm currently working on a Web application using React.
  I wanna apply a face frame on the camera component I created using react-camera-pro, which looks something like this:
  <a href="https://i.stack.imgur.com/e5Inj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e5Inj.jpg" alt="enter image description here" /></a></p>
  <p>Right now, this frame is 16:9 png image, so it works on the PC full screen mode, but if I change the size of the browser, this frame becomes skewed. Does anyone know if there is a way to make responsive face frame in react?</p>