<div id="example">
  <h1>Example Fallback Image Not Found</h1>
  <p>Fixed infinite loop</p>
  <img
    src="https://broken-link-image/image.jpg"
    onerror="this.onerror = null; this.src='https://s3.amazonaws.com/skriper.dev/cdn/image-not-found.jpg'"
  />
</div>

body {
  background: rgb(33, 150, 243);
  font-family: system-ui;
  color: #fff;
}
#example {
  width: 100%;
  max-width: 350px;
  margin: auto;
}
img {
  width: 100%;
}

/* ESLint rules https://eslint.org/docs/2.0.0/rules/ */
/* eslint no-undef: "off" */