.parent{padding:30px;height:130vh;display:grid;grid-template-columns:1fr .5fr repeat(2,1fr) 1.2fr;grid-template-rows:1fr repeat(2,1.5fr) repeat(2,1fr);grid-column-gap:0;grid-row-gap:0}.div1,.div2,.div3,.div4,.div5{position:relative}.div1{grid-area:1/1/4/3;border-color:#bed82d;border-style:solid;border-width:2px 1px 1px 2px}.div2{grid-area:4/1/6/3;border-color:#bed82d;border-style:solid;border-width:1px 1px 2px 2px}.div3{grid-area:1/3/3/6;border-color:#bed82d;border-style:solid;border-width:2px 2px 1px 1px;background:linear-gradient(0deg,#001c24,#003d19),linear-gradient(90deg,#001c24,#10342f);background-blend-mode:screen}.div4{grid-area:3/3/6/5;border:1px solid #bed82d}.div5{grid-area:3/5/6/6;border-color:#bed82d;border-style:solid;border-width:2px 2px 1px 1px}.div1:after,.div1:before,.div2:after,.div2:before,.div3:after,.div3:before,.div4:after,.div4:before,.div5:after,.div5:before{content:"";position:absolute;width:40px;height:40px;background:url(/Diamond.webp) no-repeat 50%;background-size:contain}.div1:before{top:-20px;left:-20px}.div1:after{bottom:-20px;right:-20px}.div2:before{top:-20px;left:-20px}.div2:after{bottom:-20px;right:-20px}.div3:before{top:-20px;left:-20px}.div3:after{bottom:-20px;right:-20px}.div4:before{top:-20px;left:-20px}.div4:after{bottom:-20px;right:-20px}.div5:before{top:-20px;left:-20px}.div5:after{bottom:-20px;right:-20px}@media (min-width:769px) and (max-width:1024px){.parent{.parent{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr) 2fr}.div1{grid-area:1/1/4/3}.div2{grid-area:4/1/6/3}.div3{grid-area:1/3/3/6}.div4{grid-area:3/3/5/6}.div5{grid-area:5/3/6/6}}}@media (max-width:768px){.parent{.parent{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.div1{grid-area:1/1/2/6}.div2{grid-area:2/1/3/6}.div3{grid-area:3/1/4/6}.div4{grid-area:4/1/5/6}.div5{grid-area:5/1/6/6}}}