.block-articles-list {
  padding-bottom: 4em;
}
.block-articles-list .article-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 2em 3.5em;
  gap: 2em 3.5em;
}
@media (max-width: 760px) {
  .block-articles-list .article-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: 2em 2em;
    gap: 2em 2em;
  }
}
@media (max-width: 560px) {
  .block-articles-list .article-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 2em 2em;
    gap: 2em 2em;
  }
}
.block-articles-list .article-grid .img-wrapper {
  padding-top: 100%;
  position: relative;
}
.block-articles-list .article-grid .img-wrapper > .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.block-articles-list .article-grid h2 {
  font-size: 130%;
  padding-bottom: 0;
}
.block-articles-list .article-grid .date {
  padding-bottom: 1em;
}