#bg-modal {
        top: 0;
        left: 0;
        position: fixed;
        scroll-behavior: auto;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 9999999;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        height: 100vh;
        display: none;
    }

    #my-modal {
        z-index: 998;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 2px 10px #c19d73;
        background: #141414;
        border: solid 1px #c19d73;
    }

    @media (max-width: 768px) {
        #my-modal{
            width: 80%;
        }
    }