district base

<div class="teaser teaser--stacked" style="max-width: 360px;">
  <div class="teaser__image js-img-to-bg">
    <a href="#"><img src="https://picsum.photos/400/300" width="400" height="300" class="image-style-teaser-default"></a>
  </div>
  <div class="teaser_content-wrapper">
    <div class="teaser__title">
      <a href="#" hreflang="en">Lorem ipsum dolor</a>
    </div>
    <div class="teaser__tag">
      <div class="category-tags category-tags--secondary">
        <a>Cafe</a>
      </div>
    </div>
    <div class="teaser__main">
      sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    </div>
    <div class="teaser__suffix">
      <div class="field field--name-post-date">
        2nd Nov
      </div>
      <div class="field field--name-comments-count">
        3 Comments
      </div>
    </div>
  </div>
</div>