JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
	<img...

CSS

body {
  background: gainsboro;
  margin: 0;
}
#container {
  position: relative;
  margin: 20px;
  margin-left: 40px;
  display: table;
}
canvas {
  background: white;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
input {
  display: block;
  padding: 5px 10px;
  margin: auto;
}
img {
  position: absolute;
  top: 185px;
  left: -33px;
}

JavaScript

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");

var img = new Image();
img.src =...