<!DOCTYPE html>
<meta charset="utf-8">
<head>
  <title>Webgazer.js + heatmap.js demo</title>
  <style>
    /* Make sure everything in body can go to the edge of the page */
    /* Particularly, Chrome's default styles have an 8px margin for the body */
    html, body {
      margin: 0;
      padding: 0;
    }
    /* Make body take up entire page */
    body, #content {
      width: 100vw;
      height: 100vh;
    }
    /* Make the image autoscale to the page */
    #content {
      object-fit: contain;
    