.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--grid-gap)}.image-grid img{aspect-ratio:1 / 1;width:100%;border-radius:var(--border-radius);object-fit:cover;cursor:pointer}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;justify-content:center;align-items:center;z-index:1000}.lightbox img{width:95%;height:95%;object-fit:contain}.lightbox-close{position:absolute;top:20px;right:40px;color:var(--color-light);font-size:40px;cursor:pointer}.lightbox-arrow{position:absolute;top:50%;color:var(--color-light);font-size:40px;cursor:pointer;transform:translateY(-50%);padding:20px}.lightbox-arrow.left{left:20px}.lightbox-arrow.right{right:20px}