.fragment {
    font-size: 12px;
    font-family: tahoma;
    position: fixed;
    /*width: 350px;
    height: 477px;*/
    width: 501px;
    height: 451px;
    margin: 1px auto; /* Will not center vertically and won't work in IE6/7. */
    left: 0;
    right: 0;
    background-image: url(https://www.harianjogja.com/banners/ads-solo-sep2019.jpg);
    top: 100px;
    z-index: 999;
}

#close {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    background: #ff0000;
    color: #fff;
}

.fragment2 {
    font-size: 12px;
    font-family: tahoma;
    position: fixed;
    /*width: 350px;
    height: 477px;*/
    width: 604px;
    height: 504px;
    margin: 1px auto; /* Will not center vertically and won't work in IE6/7. */
    left: 0;
    right: 0;
    top: 100px;
    z-index: 999;
}

#close2 {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    background: #ff0000;
    color: #fff;
}