.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));grid-auto-rows:12.5rem;grid-auto-flow:dense;gap:.75rem}.gallery figure{container:figure/inline-size;overflow:hidden;flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.gallery img{inline-size:100%;block-size:100%;object-fit:cover;grid-area:1/1/-1/-1;transition:scale 1s ease-in-out}.gallery figure:hover img{scale:1.125}.gallery figcaption{grid-area:1/1/-1/-1;align-self:end;z-index:1;padding:3em 15% 1em 1em;color:#fff;font-size:.875rem;line-height:1.3;background:linear-gradient(transparent 25%,rgba(0,0,0,.75));display:none}@container figure (width > 20rem){.gallery figcaption{display:block}}.gallery figcaption h3{font-size:1.0625rem}.gallery figcaption p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (width > 600px){.gallery figure:first-child{grid-area:span 2/span 2}.gallery figure:nth-child(4n+1){grid-row:span 2}.gallery figure:nth-child(4n+2){grid-column:span 2}}