.spg-gallery{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.spg-item{
    width:calc(33.333% - 10px);
}

.spg-item img{
    width:100%;
    cursor:pointer;
    border-radius:6px;
}

#spg-lightbox{
    display:none;
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.9);
}

#spg-lightbox-img{
    display:block;
    max-width:90%;
    max-height:90%;
    margin:auto;
    margin-top:2%;
}

.spg-close{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:40px;
    cursor:pointer;
}

@media(max-width:768px){

    .spg-item{
        width:calc(50% - 10px);
    }
}

@media(max-width:480px){

    .spg-item{
        width:100%;
    }
}