.lightbox{
position:fixed;
inset:0;
background:rgba(0,0,0,.92);


display:flex;
align-items:center;
justify-content:center;

opacity:0;
visibility:hidden;

transition:.3s;
z-index:99999;


}

.lightbox.active{
opacity:1;
visibility:visible;
}

.lightbox img{
max-width:90%;
max-height:90vh;


border-radius:8px;

transform:scale(.95);
transition:.3s;


}

.lightbox.active img{
transform:scale(1);
}

.lightbox-close{
position:absolute;
top:20px;
right:30px;


color:#fff;
font-size:40px;

cursor:pointer;


}

.fenetre-card img{
cursor:pointer;
}

.lightbox-prev,
.lightbox-next{
position:absolute;
top:50%;


transform:translateY(-50%);

width:60px;
height:60px;

border:none;
border-radius:50%;

background:rgba(255,255,255,.15);
color:#fff;

font-size:32px;

cursor:pointer;

transition:.3s;


}

.lightbox-prev:hover,
.lightbox-next:hover{
background:rgba(255,255,255,.3);
}

.lightbox-prev{
left:30px;
}

.lightbox-next{
right:30px;
}

@media(max-width:768px){


.lightbox-prev,
.lightbox-next{
    width:50px;
    height:50px;
    font-size:24px;
}

.lightbox-prev{
    left:10px;
}

.lightbox-next{
    right:10px;
}


}