.copacityHide {
    animation: opacityhide 2s infinite;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation: opacityhide 2s infinite;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}
@keyframes opacityhide {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes opacityhide {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}



.copacityShow {
    animation: opacityShow 1s infinite;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation: opacityShow 1s infinite;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}


@keyframes opacityShow {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes opacityShow {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}