.grid-container>*{background:#342b2a;border-radius:16px}.variant-1>:nth-child(2),.variant-2>:nth-child(3),.variant-3>:first-child{background:transparent;position:relative;z-index:10}@media (min-width:1024px){.variant-1>:nth-child(2),.variant-2>:nth-child(3),.variant-3>:first-child{background:#342b2a}}.variant-1>:first-child{grid-column:span 6;grid-row:10/span 4}.variant-1>:nth-child(2){grid-column:3/span 8;grid-row:4/span 3}.variant-1>:nth-child(3){grid-column:1/-1;grid-row:1/span 9}.variant-1>:nth-child(4){grid-column:span 6;grid-row:10/span 4}@media (min-width:1024px){.grid-container>*{border-radius:50px}.variant-1>:first-child{grid-column:span 3;grid-row:span 8}.variant-1>:nth-child(2){grid-column:span 3;grid-row:9/span 4}.variant-1>:nth-child(3){grid-column:span 6;grid-row:span 12}.variant-1>:nth-child(4){grid-column:10/span 3;grid-row:5/span 8}}.variant-2>:first-child{grid-column:span 6;grid-row:10/span 4}.variant-2>:nth-child(2){grid-column:1/-1;grid-row:1/span 9}.variant-2>:nth-child(3){grid-column:3/span 8;grid-row:4/span 3}.variant-2>:nth-child(4){grid-column:span 6;grid-row:10/span 4}@media (min-width:1024px){.variant-2>:first-child{grid-column:span 3;grid-row:span 8}.variant-2>:nth-child(2){grid-column:span 6;grid-row:span 12}.variant-2>:nth-child(3){grid-column:10/span 3;grid-row:1/span 6}.variant-2>:nth-child(4){grid-column:10/span 3;grid-row:7/span 6}}.variant-3>:first-child{grid-column:3/span 8;grid-row:4/span 3}.variant-3>:nth-child(2){grid-column:span 6;grid-row:10/span 4}.variant-3>:nth-child(3){grid-column:1/-1;grid-row:1/span 9}.variant-3>:nth-child(4){grid-column:span 6;grid-row:10/span 4}@media (min-width:1024px){.variant-3>:first-child{grid-column:span 3;grid-row:1/span 4}.variant-3>:nth-child(2){grid-column:span 3;grid-row:5/span 8}.variant-3>:nth-child(3){grid-column:span 6;grid-row:span 12}.variant-3>:nth-child(4){grid-column:10/span 3;grid-row:1/span 6}.variant-3>:nth-child(5){grid-column:10/span 3;grid-row:7/span 6}}