.pop-up {
    width: 100%;
    position: fixed;
    height: -webkit-fill-available;;
    background-color: #00000081;
    z-index: 1000;
    backdrop-filter: blur(5px);
    cursor: pointer;
}
.img-pop-up{
    width: 550px;
    position: fixed;
    left: 50%;
    top: 90px;
    transform: translate(-50%, -48px);
    border-radius: 10px;
}

@media(max-width:800px){
    .img-pop-up{
        width: 350px;
    }
}

#pop-up-ck:checked ~ .pop-up{display: none;}