@keyframes zoomInFade {
    from {
        opacity: 0;
        transform: scale(0.6);
    }
    to {
        opacity: 1;
        transform: scale(1);
        }
}
.modal.fade .modal-dialog {
    transition: none !important;
    transform: none !important;
}
.modal.show .modal-custom-animate {
    animation: zoomInFade 0.3s ease-out;
}
.imagen-modal{
    height: 90vh;
    width: auto;
    object-fit: cover;
    border: 0.1vw, solid, var(--color-dorado);
    border-radius: 1vw;
    cursor: pointer;
}
@media only screen and (max-width: 768px) {

   .imagen-modal{
        height: auto;
        width: 99%;
        object-fit: contain;
        border: 0.1vw, solid, var(--color-dorado);
        border-radius: 1vw;
        cursor: pointer;   
    }
    
}