.modal-dialog {
    height: calc(100% - 20px);
    position: relative;
    top: 10px;
}
.pdd-modal-img {
    height: 100%;
    width: 100%;
}
.pdd-modal-img img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}
.modal-dialog {
    width: fit-content;
    margin: 0 auto;
}
@media (max-width:768px){
    .modal-fullscreen, .modal-dialog{
        height: unset;
    }
    .modal-content{
        top:50vh;
        left:50vw;
        transform:translate(-50%,-50%);
        width: calc(100% - 10px);
    }
}