.posts-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (min-width: 1024px){.posts-grid{display:grid;gap:85px 50px;grid-auto-rows:340px;grid-template-areas:"item-1 item-1 item-2 item-2" "item-3 item-4 item-5 item-5" "item-6 item-7 item-5 item-5";grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,340px)}.posts-grid-item:first-child{grid-area:item-1}.posts-grid-item:nth-child(2){grid-area:item-2}.posts-grid-item:nth-child(3){grid-area:item-3}.posts-grid-item:nth-child(4){grid-area:item-4}.posts-grid-item:nth-child(5){grid-area:item-5}.posts-grid-item:nth-child(6){grid-area:item-6}.posts-grid-item:nth-child(7){grid-area:item-7}.posts-grid-item:nth-child(n+8) .image{display:none}.posts-grid-item.item-1{display:flex;flex-direction:row-reverse}.posts-grid-item.item-1 .image,.posts-grid-item.item-1 .text{flex:0 0 50%}.posts-grid-item.item-2 .image,.posts-grid-item.item-3 .image,.posts-grid-item.item-4 .image,.posts-grid-item.item-5 .image{display:none}.posts-grid-item.item-6,.posts-grid-item.item-7{position:relative}.posts-grid-item.item-6 .text,.posts-grid-item.item-7 .text{bottom:0;color:#fff;left:0;position:absolute;right:0;top:0;z-index:1}}