.custom-hover:hover .custom-info {
    opacity: 1;
}

.custom-hover .custom-info {
    opacity: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.custom-hover .hover-show {
    opacity: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.custom-hover:hover .hover-show {
    opacity: 1;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}
.custom-hover .hover-hide {
    opacity: 1;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.custom-hover:hover .hover-hide {
    opacity: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.custom-hover .info-top {
    top: 7px;
    background-color: white;
    border-radius: 1000px;
    height: 28px;
    max-width: 95%;
    min-width: 40%;
}

.custom-hover .info-bottom {
    width: 80%;
    bottom: 0;
    color: white;
}

.display-hover:hover .hover-show{
    display: block !important;
}

.display-hover:hover .hover-hide{
    display: none !important;
}

.display-hover .hover-show{
    display: none !important;
}

.display-hover .hover-hide{
    display: block !important;
}