JSFiddle - React, Tailwind, and code Playground

HTML

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1500 829">
  <image width="1500" height="829" xlink:href="https://i.imgur.com/L83gVgf.jpg"></image> <a xlink:href="#Anakin">
    <rect x="250" y="23" fill="#fff" opacity="0" width="212" height="279"></rect>
  </a><a xlink:href="#Chewie">
    <rect x="805" y="481" fill="#fff" opacity="0" width="100" height="100"></rect>
  </a>
</svg>

CSS

body {
  margin: 0;
}