.article-grid,
.articles .article-grid,
.article-grid-full {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.article-card-cover {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #fff;
}

.article-card-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: #fff;
}

.article-cover {
  margin: 0 0 34px;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #fff;
}

.article-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
  background: #fff;
}

@media (max-width: 700px) {
  .article-grid,
  .articles .article-grid,
  .article-grid-full {
    grid-template-columns: 1fr;
  }
}