JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img-container">
  <div><!-- This div is an IE workaround... -->
    <img width="500" />
    <h3></h3>
    <p>Von: <a></a></p>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec convallis malesuada turpis id efficitur. Sed gravida urna lectus, a blandit ex vulputate ac. Integer condimentum turpis ut gravida vehicula. Donec lacinia vulputate vestibulum. Nunc pharetra massa mattis, porttitor risus eget, vestibulum justo. Phasellus sit amet massa volutpat, fermentum justo id, rutrum erat. Nullam feugiat consequat magna. Fusce porttitor scelerisque urna quis aliquam. 
    </p>
  </div>
</div>

CSS

div.img-container {
  display: inline-block;
  /* IE Workaround*/
  display: -ms-grid;
  -ms-grid-columns: min-content;
}

div.img-container > div {
  display: inline-block;
  width: min-content;
  word-break: break-word;
  text-align: justify;
  padding: 1em;
  background-color: #ddd;
}

JavaScript

fetch("https://api.creativecommons.engineering/v1/images?license=by,cc0&page_size=1&page="+(Math.random()*200+1).toFixed()+"&tags=tiger,leopard,snowleopard,lion,panther,cat,feline&size=medium")
  .then(r=>r.json())
  .then(r=>r.results[0])
  .then(r=>{
    document.querySelector('img').src = /*r.thumbnail ||*/ r.url;
    document.querySelector('h3').innerText = r.title;
    document.querySelector('a').href = r.creator_url;
    document.querySelector('a').innerText = r.creator;
  });