Card

            <a href="#" class="cards__item-link">
              <div class="cards__item-image" style="background-image: url(http://placehold.it/512x512);">
                <div class="post-tag mt-4">Category</div>
              </div>
              <time datetime="2021-02-11" class="cards__item-date">11.9.2020</time>
              <h3>Post headline</h3>
              <div class="keywords">
                <span class="keywords__item">Whitepaper</span>
                <span class="keywords__item">Tag</span>
                <span class="keywords__item">Keyword</span>
              </div>
            </a>

  <a href="#" class="material-card" target="_blank">
    <div class="material-card__image" style="background-image: url(http://placehold.it/768x768);"></div>
    <div class="material-card__content">
      <span class="btn btn--primary btn--icon"><span>Download <span class="uppercase">Filetype</span></span></span>
    </div>
    <p class="material-card__title mt-2">Title</p>
  </a>

            <div class="cards__item-image" style="background-image: url(http://placehold.it/512x512);">
              <div class="post-tag mt-4">Suomi</div>
            </div>
            <time datetime="2021-02-11" class="cards__item-date">11.2.2020</time>
            <a href="#">
              <h3>Financial accounting specialist</h3>
            </a>
            <div class="keywords mt-1 mb-2">
              <span class="keywords__item">Lahti</span>
            </div>
            <p>We are looking for a Financial Accounting Specialists to our Global Business Support organization in the region.</p>
            <p class="subheadline subheadline--small mb-2">Due date 11.9.2020</p>
            <p class="subheadline subheadline--small">Starts 19.9.2020</p>
            <a href="#" class="btn btn--primary btn--icon"><span>Apply for this job</span><i class="icon icon--chevron-right "><svg xmlns="http://www.w3.org/2000/svg" role="presentation">
  <use xlink:href="https://raute-admin.stage.crasman.cloud/static/studio/pub/system/web/raute/admin/icons/icons.svg#icon-chevron-right" href="https://raute-admin.stage.crasman.cloud/static/studio/pub/system/web/raute/admin/icons/icons.svg#icon-chevron-right"></use>
</svg></i></a>
            

  <div class="cards__item-image" style="background-image: url(http://placehold.it/512x512);">
              <div class="post-tag mt-4">Category</div>
            </div>
            <div class="grid grid-cols-2">
              <time datetime="2021-02-11" class="cards__item-date">11.9.2020</time>
              <span class="cards__item-author">Author F. Surname</span>
            </div>
            <a href="#" class="text-black">
              <h3>Financial accounting specialist</h3>
            </a>
            <div class="keywords mt-1 mb-2">
              <span class="keywords__item">Lahti</span>
            </div>
            <p>We are looking for a Financial Accounting Specialists to our Global Business Support organization in the region.</p>