Show Title and Description On Masonry Image Gallery Item Hover

masonry-image-gallery-hover-title-description.css

.masonry-grid-item h4.item-title, .masonry-grid-item .item-description {
    display:none;
    position: absolute;
}

html .masonry-grid-item:hover h4.item-title {
    display:block;
    top: 30%;
    color: white;
    width: 100%;
    font-weight: 800;
    line-height:10px;
    padding: 0 20px !important;
}

html .masonry-grid-item:hover .item-description{
    display:block;
    top: 45%;
    color: white;
    width: 100%;
    font-weight: 800;
    padding: 0 20px !important;
}