@media (width >= 720px){.gallery-container{display:grid;place-items:center;min-height:1vh}.gallery{--size: 100px;display:grid;grid-template-columns:repeat(6,var(--size));grid-auto-rows:var(--size);margin-bottom:var(--size);place-items:start center;gap:5px}.gallery:has(:hover) img:not(:hover),.gallery:has(:focus) img:not(:focus){filter:brightness(.5) contrast(.5)}.gallery img{-o-object-fit:cover;object-fit:cover;width:calc(var(--size) * 2);height:calc(var(--size) * 2);clip-path:path("M90,10 C100,0 100,0 110,10 190,90 190,90 190,90 200,100 200,100 190,110 190,110 110,190 110,190 100,200 100,200 90,190 90,190 10,110 10,110 0,100 0,100 10,90Z");transition:clip-path .25s,filter .75s;grid-column:auto/span 2;border-radius:5px}.gallery img:nth-child(5n-1){grid-column:2/span 2}.gallery img:hover,.gallery img:focus{clip-path:path("M0,0 C0,0 200,0 200,0 200,0 200,100 200,100 200,100 200,200 200,200 200,200 100,200 100,200 100,200 100,200 0,200 0,200 0,100 0,100 0,100 0,100 0,100Z");z-index:1;transition:clip-path .25s,filter .25s}.gallery img:focus{outline:1px dashed black;outline-offset:-5px}}