.project-slider { position: relative; width: 100%; }
.project-item { position: relative; overflow: hidden; }
.project-image img { width: 100%; display: block; }
.project-overlay {
    position: absolute;
    bottom: -100%;
    left: 0; right: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 20px;
    text-align: left;
    transition: bottom 0.3s ease;
}
.project-item:hover .project-overlay {
    bottom: 0;
}
.project-overlay h4 { margin: 0; font-size: 20px; }
.project-overlay p { margin: 5px 0 0; font-size: 14px; }