@media (max-width:800px){.gallery{display:flex;flex-direction:column;gap:var(--g);margin:var(--g)}.gallery>img{width:100%;aspect-ratio:.976;object-fit:contain;cursor:pointer;padding:10px;transition:.2s linear}}@media (min-width:800px){.gallery{--s:250px;--g:22px;display:grid;margin:calc(var(--s) + var(--g))}.gallery>img{grid-area:1/1;width:var(--s);aspect-ratio:.976;object-fit:cover;transform:translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));cursor:pointer;transition:.2s linear}.gallery>img:hover{z-index:1;--_t:1.2}.gallery>img:nth-child(2){--_y:calc(-90% - 0.87 * var(--g))}.gallery>img:nth-child(6){--_y:calc(100% - 0.87 * var(--g))}.gallery>img:first-child,.gallery>img:nth-child(5){--_x:calc(-80% - 0.5 * var(--g))}.gallery>img:first-child,.gallery>img:nth-child(3){--_y:calc(-40% - 0.87 * var(--g))}.gallery>img:nth-child(3),.gallery>img:nth-child(7){--_x:calc(80% + 0.5 * var(--g))}.gallery>img:nth-child(5),.gallery>img:nth-child(7){--_y:calc(40% + 0.87 * var(--g))}}@media (min-width:1280px){.gallery{--s:400px;--g:22px;display:grid;margin:calc(var(--s) + var(--g))}.gallery>img{grid-area:1/1;width:var(--s);aspect-ratio:.976;object-fit:cover;transform:translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));cursor:pointer;transition:.2s linear}.gallery>img:hover{z-index:1;--_t:1.2}.gallery>img:nth-child(2){--_y:calc(-90% - 0.87 * var(--g))}.gallery>img:nth-child(6){--_y:calc(100% - 0.87 * var(--g))}.gallery>img:first-child,.gallery>img:nth-child(5){--_x:calc(-80% - 0.5 * var(--g))}.gallery>img:first-child,.gallery>img:nth-child(3){--_y:calc(-40% - 0.87 * var(--g))}.gallery>img:nth-child(3),.gallery>img:nth-child(7){--_x:calc(80% + 0.5 * var(--g))}.gallery>img:nth-child(5),.gallery>img:nth-child(7){--_y:calc(40% + 0.87 * var(--g))}}