.pop-up{
        position: fixed;
        top: 0%;
        left: -100%;
        background-color: #ababab2b;
        z-index: 1050;
        transition: .5s ease-in;
        width: 100%;
        height: 100%;
        padding: 10px 30px;    
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
    }
    #close{
        display: block;
        float: right;
        border: none;
        padding: 3px 5px;
        outline: none;
        color: #000000;
        cursor: pointer;
    }
    .pop-up img{
        display: block;
        margin: auto;
        max-width: 100%;
        border-radius: 10px 0px 10px 10px;
    }
    .pop-up .row{
        /* transform: translateY(20%); */
        padding: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    @media only screen and (max-width: 650px){
        .pop-up .row{
            transform: translateY(50%);
            padding: 2px !important;
        }
    }
    .anim .pop-up {
    left: 0%;
    }