#popup-overlay{

    position:fixed;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,.65);

    display:none;

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

    z-index:99999;

}

/* ============================= */
/* Popup */
/* ============================= */

#popup-banner{

    position:relative;

    transform:scale(.8);
    opacity:0;

    transition:.35s;

}

#popup-overlay.show #popup-banner{

    transform:scale(1);
    opacity:1;

}

/* ============================= */
/* Image */
/* ============================= */

#popup-banner img{

    display:block;

    max-width:80vw;
    max-height:80vh;

    width:auto;
    height:auto;

    border-radius:8px;

    box-shadow:0 10px 40px rgba(0,0,0,.35);

}

/* ============================= */
/* Close Button */
/* ============================= */

.popup-close{

    position:absolute;

    top:-15px;
    right:-15px;

    width:40px;
    height:40px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    font-size:28px;
    line-height:40px;

    background:#fff;

    color:#444;

    box-shadow:0 5px 15px rgba(0,0,0,.3);

    transition:.25s;

}

.popup-close:hover{

    background:#ff3b3b;
    color:#fff;

}