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

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

    display: flex;
}

.modal-drops__content {
    max-width: 768px;
    /* width: 100%; */
}

.modal-drops__body,
.modal-drops__img {
    width: 100%;
    /* height: fit-content; */
    height: auto;
}

.modal-drops__body {
    position: relative;
}

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

@media screen and (min-width: 768px) {
    /* #modal-drops {
        display: flex;
    } */

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