JSFiddle - React, Tailwind, and code Playground

HTML

<div class="card">
  <img src="https://via.placeholder.com/100" alt="">
  <div class="content-container">
    <h4>Lorem ipsum</h4>
    <p>Lorem ipsum dolor sit amet.</p>
  </div>
</div>

CSS

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: system-ui;
}

.card {
  max-width: 600px;
  display: grid;
  grid: "card-media card-content" / auto 1fr;
  margin: 5rem auto;
  box-shadow: 2px 1px 3px #0004, 0 0 2px #0003;
}

.card > .content-container {
  padding: 1rem;
}

.card > .content-container h4 {
  font-size: 1.25rem;
}

.card > .content-container p {
  margin-top: 2px;
}