image-gallery .gallery{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,5vw);grid-gap:15px}image-gallery img{cursor:pointer;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.075,.82,.165,1);width:100%}image-gallery figure{overflow:hidden}image-gallery img:hover{transform:scale(1.02)}image-gallery .gallery__item{margin:0;padding:0}image-gallery .gallery__item--1{grid-column-end:3;grid-column-start:1;grid-row-end:3;grid-row-start:1}image-gallery .gallery__item--2{grid-column-end:5;grid-column-start:3;grid-row-end:3;grid-row-start:1}image-gallery .gallery__item--3{grid-column-end:9;grid-column-start:5;grid-row-end:6;grid-row-start:1}image-gallery .gallery__item--4{grid-column-end:5;grid-column-start:1;grid-row-end:6;grid-row-start:3}image-popup[init]{display:none}image-popup{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;left:0;padding:15px;position:fixed;top:0;width:100vw;z-index:10}image-popup img{height:auto;max-width:100%}image-popup .icon{color:#fff;height:auto;width:40px}image-popup .close-button{background:none;border:none;cursor:pointer;font:inherit;outline:inherit;padding:0;position:absolute;right:15px;top:15px}