:root{--pieces-width: 25vw;--pieces-ratio: 1.4;--pieces-ratio2: 1.4}.grid__item{position:relative;display:grid;grid-template-columns:auto auto;grid-row:span 2;grid-column:1}.grid .pieces{grid-area:1 / 1 / 3 / 2;width:var(--pieces-width);height:calc(var(--pieces-width) * var(--pieces-ratio));position:relative;justify-self:end}@media (max-width: 1200px){.grid .pieces{width:calc(var(--pieces-width)*2);height:calc((var(--pieces-width)*2) * var(--pieces-ratio))}}@media (max-width: 768px){.grid .pieces{width:calc(var(--pieces-width)*3);height:calc((var(--pieces-width)*3) * var(--pieces-ratio))}}.grid .piece{pointer-events:none}.grid .pieces2{grid-area:1 / 1 / 3 / 2;width:var(--pieces-width);height:calc(var(--pieces-width) * var(--pieces-ratio2));position:relative;justify-self:end}.pieces,.pieces2{display:flex;flex-wrap:wrap;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}