<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.imagebox {
    background: black;
    padding: 0px;
    position: relative;
    text-align: center;
    height: 280;
    width: 280;
    float:left;
}



.imagebox img {
    opacity: 1;
    transition: 0.5s opacity;
    height: 280;
    width: 280;
}

.imagebox .imagebox-desc {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0px;
    color: white;
    font-size: 1.0em;
    left: 0px;
    padding: 10px 15px;
    position: absolute;
    transition: 0.5s padding;
    text-align: center;
    width: 280;
}

.imagebox:hover img {
    opacity: 0.7;
}

.imagebox:hover .imagebox-desc {
    padding-bottom: 10%;
}

</pre></body></html>