Wrapper (Embed)

<main>
  
    <div class="card">
      <img src="https://api.iconify.design/streamline-freehand:picture-double-landscape.svg?color=%23888888" alt="Product image">
      <div class="content">
        ...
      </div>
    </div>
  
</main>

Preview

Hint

<div class="card-wrapper">
  <div class="card">
  <!-- ... -->
  </div>
</div>

.card-wrapper {
  container-type: inline-size;
}

@container (width > 300px) {
  grid-template-columns: 1fr 3fr;
}

Card heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi ipsam omnis vero architecto iure.