.gallery{display:grid;grid-template-columns:repeat(3, 2vw);grid-gap:30px;border:1px sdashed #000}@media all and (min-width: 400px){.gallery{grid-template-columns:repeat(12, 1fr);grid-gap:2vw}}@media all and (min-width: 700px){.gallery{grid-auto-flow:dense;grid-template-rows:repeat(10, auto);grid-template-columns:repeat(24, 1fr);grid-gap:.7vw}}.gallery .painting-link{align-self:flex-end;text-decoration:none;color:inherit;filter:grayscale(0.4);position:relative}.gallery .painting-link .painting{display:block;position:relative;transform:scale(1) translate(0, 0);transition:transform .5s,box-shadaow 2s;border:2px solid #000;border-radius:4px;z-index:0;box-shadow:4px 4px 0 #000}.gallery .painting-link .painting.out{z-index:100}.gallery .painting-link .painting.out.top{transform:scale(4) translate(0, -200%);box-shadow:40px 40px 100px #000}.gallery .painting-link .painting.out.right{transform:scale(4) translate(200%, 0);box-shadow:40px -40px 100px #000}.gallery .painting-link .painting.out.bottom{transform:scale(4) translate(0, 200%);box-shadow:-40px 40px 100px #000}.gallery .painting-link .painting.out.left{transform:scale(4) translate(-200%, 0);box-shadow:-40px -40px 100px #000}.gallery .painting-link img{display:block;width:100%;object-fit:cover;height:auto}.gallery .painting-link:hover,.gallery .painting-link:focus-visible{outline:none;filter:grayscale(0);border-color:#fff}@media all and (min-width: 400px){.gallery .mushroom-kingdom{grid-column:1/6;align-self:flex-end;grid-row:1}}@media all and (min-width: 700px){.gallery .mushroom-kingdom{grid-column:1/9;grid-row:1/3}}@media all and (min-width: 400px){.gallery .lily{grid-column:6/13;grid-row:1}}@media all and (min-width: 700px){.gallery .lily{grid-column:9/18;grid-row:1/3}}@media all and (min-width: 400px){.gallery .boat{grid-column:1/13;grid-row:2}}@media all and (min-width: 700px){.gallery .boat{align-self:flex-end;grid-column:18/25;grid-row:1}}@media all and (min-width: 400px){.gallery .triptych-left{grid-column:1/5;grid-row:3}}@media all and (min-width: 700px){.gallery .triptych-left{grid-column:1/6;grid-row:3}}@media all and (min-width: 400px){.gallery .triptych-center{grid-column:5/9;grid-row:3}}@media all and (min-width: 700px){.gallery .triptych-center{grid-column:7/12;grid-row:3}}@media all and (min-width: 400px){.gallery .triptych-right{grid-column:9/13;grid-row:3}}@media all and (min-width: 700px){.gallery .triptych-right{grid-column:13/18;grid-row:3}}@media all and (min-width: 400px){.gallery .mix-tape{grid-column:1/5;grid-row:4}}@media all and (min-width: 700px){.gallery .mix-tape{grid-column:18/25;grid-row:2/4}}@media all and (min-width: 400px){.gallery .forest{grid-column:5/13;grid-row:4/6}}@media all and (min-width: 700px){.gallery .forest{align-self:flex-start;grid-column:1/16;grid-row:4/6}}@media all and (min-width: 400px){.gallery .apple{grid-column:1/5;grid-row:5}}@media all and (min-width: 700px){.gallery .apple{grid-column:16/25;grid-row:4}}@media all and (min-width: 400px){.gallery .kite{grid-column:1/8;grid-row:6/8;align-self:flex-start}}@media all and (min-width: 700px){.gallery .kite{grid-column:16/25;grid-row:5/8}}.gallery .coast{align-self:flex-start}@media all and (min-width: 400px){.gallery .coast{grid-column:8/13;grid-row:6/7}}@media all and (min-width: 700px){.gallery .coast{grid-column:1/10;grid-row:6/10}}@media all and (min-width: 400px){.gallery .balloon{grid-column:8/13;grid-row:7/9;align-self:flex-start}}@media all and (min-width: 700px){.gallery .balloon{grid-column:10/16;grid-row:6/10}}@media all and (min-width: 400px){.gallery .dandelions{grid-column:1/8;grid-row:8}}@media all and (min-width: 700px){.gallery .dandelions{grid-column:16/25;grid-row:8/11;align-self:flex-start}}