.vsoe .loop-archive.tag-grid .hentry>div>a>p {
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 20% 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: initial;
    transition: opacity .3s ease-in-out;
    text-transform: uppercase;
}
.vsoe .loop-archive.tag-grid .hentry {
    width: 22%;
    margin-left: 0;
    margin-right: 4%;
    margin-bottom: 4%;
}
.vsoe .loop-archive.tag-grid .hentry:nth-child(4n+4) {
    margin-right: 0;
}

.vsoe .loop-archive.tag-grid .hentry>div>a:hover {
    color: white;
}

.vsoe .loop-archive.tag-grid .hentry>div>a:hover>p {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

@media screen and (max-width: 1080px) and (min-width: 581px) {
    .vsoe .loop-archive.tag-grid .hentry {
        width: 48%;
        margin-right: 4%;
    }
    .vsoe .loop-archive.tag-grid .hentry:nth-child(even) {
        margin-right: 0;
    }
}

@media screen and (max-width: 580px) {
    .vsoe .loop-archive.tag-grid .hentry {
        clear: both;
        display: block;
        width: 100%;
        margin: 0 auto 1em;
        content: "";
    }
}