.overlay-filter {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 110;
    transition: 1s;
    background: rgba(000, 000, 000, 0.5);
}
.fadeIn-filter {
     opacity: 1;
     visibility: visible;
 }

.fadeIn-filter, .fadeOut-filter {
    transition: 1s;
    animation-timing-function: ease-out;
}