.thumb_wrap {
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        padding:20px 0px 0px 0px;
}
figure {
        position:relative;
        width: 200px;
        height: 200px;
        margin: 10px;
        border: 10px solid #fff;
        outline:1px solid;#000;
    border-radius: 4px;
        background: #fff;
        overflow: hidden;
}
.thumb {
        width: 200px;
        height: 200px;
        object-fit:cover;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 1.5s ease-in-out;
        transition: 1.5s ease-in-out;
}
.thumb:hover  {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
}
.modal {
        display: none;
        justify-content:center;
        position: fixed;
        z-index: 200;
        padding-top: 100px;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color:rgba(0,0,0,0.8);
}
#modal_img, #modal_img2 {
        border:15px solid #fff;
        height:90%;
        max-width:90%;
        object-fit:cover;
        user-select: none;
        -moz-user-select: none;
}