.content {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background:rgba(0,0,0,0.6);
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    opacity:0;
    transition:0.6s;
}
    .content:hover {
    opacity:0.8;
    }

    .content h3{
        font-size:10px;
    }

    .content h5{
        font-size:6px;
        text-align:left;
        margin-left:20px;
        margin-right:20px;
        font-family: "Lucida Console", "Courier New", monospace;
    }

    .content > *{
        transform:translate(25px);
        transition: transform 0.6s;
    }

    .content:hover > *{
        transform:translate(0px);
    }

.contentheader {

}

    .contentheader:hover {
        opacity:0.1;
    }