.lb-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

}

.lb-card{

display:block;

text-decoration:none;

overflow:hidden;

position:relative;

}

.lb-image{

position:relative;

overflow:hidden;

aspect-ratio:1/1;

}

.lb-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.7s;

position:absolute;

left:0;

top:0;

}

.lb-image img.back{

opacity:0;

transform:rotateY(180deg);

}

.lb-card:hover img.front{

opacity:0;

transform:rotateY(-180deg);

}

.lb-card:hover img.back{

opacity:1;

transform:rotateY(0);

}

.lb-content{

padding:15px;

text-align:center;

}

.lb-content h3{

font-size:20px;

margin:0;

color:#222;

}

@media(max-width:991px){

.lb-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.lb-grid{

grid-template-columns:1fr;

}

}