.card .thumb {
  aspect-ratio: 16 / 9;      
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--surface);
  display: block;   
  margin-bottom: 1.25rem;         
}
.card .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;         
  display: block;
}

@media (max-width: 780px){
  .container {
    padding: 1rem .5rem;
  }

  h1, h2, h3 {
    text-align: center;
  }
}