.amg-grid{
column-count:4;
column-gap:1em;
}

.amg-grid figure{
margin:0 0 1em;
break-inside:avoid;
position:relative;
}

.amg-grid img{
width:100%;
display:block;
border-radius:6px;
}

.amg-grid figcaption{
position:absolute;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,.6);
color:#fff;
font-size:14px;
padding:6px 10px;
opacity:0;
transition:.3s;
}

.amg-grid figure:hover figcaption{
opacity:1;
}

@media(max-width:900px){
.amg-grid{column-count:2;}
}

@media(max-width:500px){
.amg-grid{column-count:1;}
}

/* lightbox */

.amg-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.95);
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
flex-direction:column;
}

.amg-overlay img{
max-width:90%;
max-height:80%;
margin-bottom:15px;
}

.amg-nav{
color:#fff;
font-size:28px;
cursor:pointer;
margin:10px;
}