JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <img src="http://lorempixel.com/400/200/" width="400">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae facilisis nibh, in viverra lacus. Phasellus porttitor nisi id tellus tincidunt, sit amet luctus lorem facilisis. Quisque feugiat, lorem eu laoreet rutrum, odio ex iaculis turpis, ac finibus lorem ipsum quis lorem. Integer neque ex, fringilla id ullamcorper a, mollis dignissim elit. Nulla eu nunc sem. Sed lacinia ac tortor eu tincidunt. Nullam pharetra augue et risus pretium, nec ultricies arcu vestibulum. Aenean ullamcorper gravida purus ac condimentum. Maecenas scelerisque, mauris ac sodales aliquet, nisl nisl ultricies risus, sed laoreet erat ligula id neque.</p>
</div>

CSS

.container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid;
  box-sizing: border-box;
}
.container, img {
  max-width: 100%;
}
p {
  width: 0;
  min-width: 100%;
}