#grid2 .entry-content-wrapper {
margin:0;
display:grid;
gap:10px;
grid-auto-flow:row;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-template-rows: repeat(3, 250px);
}
#grid2 .entry-content-wrapper:before,
#grid2 .entry-content-wrapper:after {
display:none
}
#grid2 .entry-content-wrapper .flex_column {
margin: 0;
padding: 30px; /* you can do that via column alb settings */
position: relative;
width: unset !important;
height: unset !important;
min-height: 250px !important;
background-color: #ddd
}
#grid2 .entry-content-wrapper .flex_column:nth-of-type(1) {
grid-column: 1 / 2;
grid-row: 1 / 4;
z-index: 1;
}
#grid2 .entry-content-wrapper .flex_column:nth-of-type(2) {
grid-column: 2 / 4;
grid-row: 1 / 3;
z-index: 1;
}
#grid2 .entry-content-wrapper .flex_column:nth-of-type(3) {
grid-column: 4 / 5;
grid-row: 1 / 3;
z-index: 1;
}
#grid2 .entry-content-wrapper .flex_column:nth-of-type(4) {
grid-column: 2 / 4;
grid-row: 2 / 3;
z-index: 2;
top: -30%;
left: 20%;
background-color: red;
border: 10px solid #FFF;
}
#grid2 .entry-content-wrapper .flex_column:nth-of-type(5) {
grid-column: 2 / 3;
grid-row: 3 / 4;
z-index: 1;
}
#grid2 .entry-content-wrapper .flex_column:nth-of-type(6) {
grid-column: 3 / 5;
grid-row: 3 / 4;
z-index: 1;
}