#layer, #modal {
    position: fixed;
    display: none;
}
#layer {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
}
#modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background: #ffffff;
    border-radius: 10px;
    width: 456px;
    max-width: 70%;
    height: 70%;
    max-height: 45%;
    padding: 20px; /* Пример установки верхнего и нижнего отступа в 20px */
    padding-top: 45px;
}
iframe {
    width: 100%;
    height: 100%;
    border: none;
}