#grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
max-width:1400px;
margin:auto;
}

.item{
height:400px;
position:relative;
overflow:hidden;
border-radius:16px;
background:#000;
}

.img{
position:absolute;
top:0;
left:0;
width:100%;
background-size:100% auto;
background-repeat:no-repeat;
background-position:top;
}

.item h3{
position:absolute;
bottom:0;
width:100%;
padding:15px;
margin:0;
background:linear-gradient(to top,rgba(0,0,0,0.9),transparent);
color:#fff;
text-align:center;
}

#load-more{
display:block;
margin:30px auto;
padding:12px 25px;
background:#111;
color:#fff;
border:none;
border-radius:6px;
cursor:pointer;
}

@media(max-width:1024px){
#grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:600px){
#grid{grid-template-columns:1fr;}
}