.vk-pages{display:flex;flex-wrap:wrap;width:750px;}
.vk-user{width:130px;padding:10px;text-align:center;}
.vk-user img {border-radius:25%;}
.vk-bio {font-style:italic;word-wrap: break-word;}
.vk-update{font-size:75%;}
#vk-photos{display:flex;flex-wrap:wrap;}
#vk-photos>div{margin:5px;
    position:relative;

}
#vk-photos img{
    width: 165px;
    height: 130px;
    object-fit: cover;
    cursor:pointer;
}
#vk-photos>div:before{
    position:absolute;
    top:0;
    left:0;
    content:attr(data-text);
    width: 165px;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
    color: black;
    border-radius: 0 0 20px 20px;
    opacity:0.5;
    transition:1s;
}
#vk-photos>div:hover:before{
    background-color: rgba(255,255,255,0.8);
    opacity:1;
    transition-delay:0
}
#vk-photos>div:after{
    position:absolute;
    bottom:0;
    left:0;
    content:attr(data-title);
    width: 165px;
    white-space:nowrap;
    
    text-align: center;
    background-color: rgba(255,255,255,0.5);
    color: black;
    border-radius: 20px 20px 0 0;
    opacity:0.5;
    transition:1s;
}

#vk-photos>div:hover:after{
    opacity:1;
    transition-delay:0
}
#vk-photos>div1{
    margin: 5px;
    height: 130px;
    overflow: hidden;
    width: 130px;
    text-align: center;
}
#vk-photo-big-mask{position:fixed; top:0;left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.5);z-index:100000;backdrop-filter:blur(5px);}
#vk-photo-big-mask img{width:100%;height:100%;object-fit:contain;position:absolute;}