JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="bundle-title">
  Grid Science by Dimava</h1>
<div class="bundle-desc">Renderings provided by Blueprint Bot</div>



<div style="float:right">
  <img src="https://cdn.discordapp.com/attachments/334735604342325249/434242196913520640/blueprint.png">
  <div class="caption">Labs - input</div>
</div>

<img src="https://cdn.discordapp.com/attachments/334735604342325249/434242200415633409/blueprint.png">
<div class="caption">Labs - tile</div>

<img src="https://cdn.discordapp.com/attachments/334735604342325249/434242209928314880/blueprint.png">
<div class="caption">Red &amp; Green, 180~420 spm</div>
<img src="https://cdn.discordapp.com/attachments/334735604342325249/434242219906695168/blueprint.png">
<div class="caption">Gray, 180~410 spm</div>
<img src="https://cdn.discordapp.com/attachments/334735604342325249/434242227422625792/blueprint.png">
<div class="caption">Blue, 90~205 spm</div>
<img src="https://cdn.discordapp.com/attachments/334735604342325249/434242237992534016/blueprint.png">
<div class="caption">Purple, 180~410 spm</div>
<img src="https://cdn.discordapp.com/attachments/334735604342325249/434242246938853378/blueprint.png">
<div class="caption">Yellow, 180~420 spm</div>

CSS

body {
  background: #282828;
}

h1,
h2,
h3 {
  color: gray;
}

JavaScript

function $$(s) {
  return [...document.querySelectorAll(s)];
}
elm = document.createElement.bind(document);

$$('a[href*=bundly]').map(e => e.parentNode.remove())
$$('a').map(a => {
  i = elm('img');
  i.src = a.href;
  h = elm('h2');
  h.innerText = a.innerText;
  a.after(h, i);
  a.remove();
})