.gallery{--size:100px;grid-auto-rows:var(--size)}:is(.gallery:has(:hover) img:not(:hover),.gallery:has(:focus) img:not(:focus)){filter:brightness(.5)contrast(.5)}.gallery img{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);grid-column:auto/span 2}.gallery img:nth-child(5n-1){grid-column:2/span 2}.gallery img:hover,.gallery img:focus{clip-path:polygon(100% 0,100% 100%,0 100%,0 0);z-index:1;filter:saturate(150%);transition:clip-path .25s,filter .25s}.gallery img:focus{outline-offset:-5px;outline:10px dashed #000}.gallery-roof{--size:100px;grid-auto-rows:var(--size);padding-bottom:var(--size)}.gallery-roof img{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}