Как выровнять 3 столбца, которые охватывают 4 в 16 столбцах сетки

Question

У меня есть сетка с 16 столбцами.И для новостей мне нужно иметь 3 столбца, каждый из которых занимает 4 столбца контейнера сетки.Как я могу выровнять эти 3 столбца с пространством равномерно?- как на дизайне

Поскольку в этом случае justify-content не работает, поскольку у нас 16 столбцов.Пожалуйста, помогите мне, как сделать этот макет

Codepen здесь: https://codepen.io/oleksiukmary/pen/BqGQdg

@supports ( grid-area: auto ) {
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-column-gap: 16px;
      justify-content: space-evenly;    
    }