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