网格中每行的项目数不一致

Question

我正在使用css网格来构建我的图像布局。我正在查看关于css网格的指导，大多数每行都有相同数量的项目，或者与某些列合并以形成所需的结果。就我而言，每行的项目数量都是奇数。我如何在下面的照片中实现？

HTML

<div class="thumbnails>
  <div class="image1"></div>
  <div class="image2"></div>
  <div class="image3"></div>
  <div class="image4"></div>
  <div class="image5"></div>
  <div class="image6"></div>
  ...
</div>

CSS

.thumbnails{
   display:grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   grid-template-areas: ""
                        "" 
                        "" 
                        "";
}

照片