.image-grid{grid-template-columns:1fr calc(.25 * var(--u)) auto calc(.25 * var(--u)) 1fr;grid-template-rows:calc(18 * var(--u)) calc(.25 * var(--u)) auto calc(.25 * var(--u)) calc(18 * var(--u));background-color:#004b33;display:grid}.image-grid__divider{background-color:#185c45}.image-grid__divider--1,.image-grid__divider--2{transform:scaleX(var(--draw,1));transform-origin:0;grid-column:1/6}.image-grid__divider--3,.image-grid__divider--4{transform:scaleY(var(--draw,1));transform-origin:top;grid-row:1/6}.image-grid__divider--1{grid-row:2}.image-grid__divider--2{grid-row:4}.image-grid__divider--3{grid-column:2}.image-grid__divider--4{grid-column:4}.image-grid__frame{height:calc(93 * var(--u));max-width:calc(40 * var(--u));grid-area:3/3;margin:auto;position:relative;overflow:hidden}@media (width>=768px){.image-grid__frame{max-width:calc(64 * var(--u))}}.image-grid__frame:after{content:"";opacity:.35;background-color:#004b33;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.image-grid__content{flex-direction:column;grid-area:3/1/auto/6;justify-content:center;align-items:center;display:flex;position:relative}