<div class="container">
  <div class="card">
    <picture>
      <img src="https://nus3.github.io/p-new-features/pages/container-queries/logo.png" alt="nus3 blog logo" class="image" width="280px" />
    </picture>
    <div>
      <h2>nus3 blog</h2>
      <p>This is nus3 blog logo</p>
    </div>
  </div>
</div>

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

.card {
  display: flex;
  gap: 50px;
  padding: 1rem;
  background-color: #395B64;
  color: white;
  border-radius: 4px;
  overflow: hidden;
}

@container (max-width: 800px) {
  .card {
    display: block;
  }
}