JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">

</div>
<img is="place-kitten" width="50", height="300">
<img is="place-kitten" width="300", height="50">

JavaScript

class PlaceKitten extends HTMLImageElement {

  constructor() {
    super();
  }
  connectedCallback() {
  this.setAttribute("src", `https://placekitten.com/${this.getAttribute("width")??100}/${this.getAttribute("height")??100}`);
  }
}

customElements.define('place-kitten', PlaceKitten,{extends:'img'});

document.getElementById("box").appendChild(new PlaceKitten());