.modal-content2{
    width:500px;
    height:525px;
    background-color: white;
    border:none;
    border-radius: 15px;
    padding:15px;
    position: relative;
}

.bg-modal{
    width: 100%;
    height:100%;
    background-color: rgba(0,0,0,0.5); /* make it half transparent */
    position: absolute;
    top:0px;
    z-index: 1;
    display: none;  /* It will remain invisible until you open */
    justify-content: center; /*center horizontally*/
    align-items: center ; /* center vertically */
}


.close{
    position: absolute;
    top:5px;
    right: 10px;
    font-size:25px;
    transform: rotate(45deg); /* will make it look like x */
    cursor: pointer;
}