.modalIMG{
    background-color: #000000af;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000000;
    top:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fechar{
    display: flex;
    justify-content: end;
    padding: 20px 20px 10px 0px;
}

.fechar button{
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.container-img{
    display: flex;
    justify-content: center;
    padding: 20px;
}

.container-img img{
    width: 98%;
}

@media screen and (min-width:768px){
    .container-img img{
        max-height: 100%;
        width: auto;
    }

    .fechar{
        padding: 20px 20% 10px 0px;
    }
}


.invisible-hidden{
    display: none;
}