main{display:flex;justify-content:center}.photos{display:grid;gap:1em;grid-template-columns:repeat(2,1fr);width:90%}.photos div.photo img{cursor:pointer;max-width:100%;width:100%}div.photo-full-screen{--maxWidth:calc(100vw - 3em);--maxHeight:calc(100vh - 3em);align-items:center;background-color:hsla(0,0%,100%,.667);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}div.photo-full-screen>div{align-items:flex-start;aspect-ratio:4/3;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #9a0f0e;border-radius:1em;display:flex;height:var(--maxHeight);justify-content:flex-end;margin:1em;max-height:calc(var(--maxWidth)*.75);max-width:calc(var(--maxHeight)*1.33333);width:var(--maxWidth)}div.photo-full-screen.hidden{display:none}div.photo-full-screen button{margin:1em}@media screen and (max-width:750px){.photos{display:flex;flex-direction:column}}