.blog-article-main .wrapper .blocks-wrapper {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}
.blog-article-main .wrapper .blocks-wrapper .group-item-2 {
  order: -1;
}
@media only screen and (min-width: 768px) {
  .blog-article-main .wrapper .blocks-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
  }
  .blog-article-main .wrapper .blocks-wrapper .group-item-2 {
    order: 1;
  }
}