@media screen and (min-width: 989px){
body .blog-articles {
    grid-template-columns: 1fr 1fr 1fr;
}

body .blog-articles--collage>*:nth-child(4n+1) {
    grid-column: span 3 !important;
    text-align: center;
}
body .blog-articles--collage>*:nth-child(3n+1),body .blog-articles--collage>*:nth-child(3n+2):last-child {
    grid-column:span 1;
}
  
}
.article-content img {
  transition: transform var(--duration-long) ease !important;
}