.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:180px;grid-auto-flow:dense;padding:1px;gap:1rem}.grid-item{padding:0;border-radius:10px;overflow:hidden;background:#ccc;width:auto;height:auto}.grid-item:focus{outline:3px solid var(--accent-metallic-blue);outline-offset:4px;box-shadow:0 0 0 4px #007eff59}.grid-item img{width:100%;height:100%;display:block;object-fit:cover;cursor:pointer}.width-2{grid-column:span 2}.height-2{grid-row:span 2}.width-2-height-2{grid-column:span 2;grid-row:span 2}@media(max-width:400px){.grid-layout{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:100px}}