.dotted-grid{--gap:2rem;--line-offset:calc(var(--gap) / 2);--line-thickness:2px;--line-color:red;display:grid;overflow:hidden;gap:var(--gap)}.dotted-grid__item{position:relative;aspect-ratio:1}.dotted-grid__item:after,.dotted-grid__item:before{content:"";position:absolute;background-image:url(/assets/dotted-grid.gif);background-repeat:repeat;z-index:1}.dotted-grid__item:after{inline-size:100vw;block-size:var(--line-thickness);inset-inline-start:0;inset-block-start:calc(var(--line-offset) * -1)}.dotted-grid__item:before{inline-size:var(--line-thickness);block-size:100vh;inset-inline-start:calc(var(--line-offset) * -1)}.dotted-grid__item img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8)}