JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
    <p>Изображение красной точки в base64 (img src)</p>
  </div>
  <div class="bg-img">Изображение красной точки в base64 (background-image)</div>

CSS

.bg-img{
      background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==");
	  background-repeat:  no-repeat;
	  padding-top: 10px;
    }