#modal-liv {
    position: fixed;
    inset: 0;
    padding: 24px;
    background: #00000050;
    z-index: 99999;

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

    display: flex;
}

.modal-liv__content {
    max-width: 312px;
}

.modal-liv__body,
.modal-liv__img {
    width: 100%;
    height: auto;
}

.modal-liv__body {
    position: relative;
}

.modal-liv__close {
    position: absolute;
    inset: 0 0 auto 0;
    height: 12%;
    opacity: 0;
    cursor: pointer;
}

@media screen and (min-width: 992px) {
    .modal-liv__content {
        max-width: 768px;
    }

    .modal-liv__close {
        width: 25%;
        margin-left: auto;
        height: 15%;
    }
}