#design-gallery {
    position: absolute;
    width: 100%;
}
#design-gallery .item {
    float: left;
    padding: 2px;
    width: 19%;
    overflow: hidden;
}
#design-gallery img {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    opacity: 0.9;
}
#design-gallery h6 {
    opacity: 0;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 17px;
    line-height: 19px;
    font-family: 'Infini', sans-serif;
    color: #250f25;
}
#design-gallery .item:hover img {
    opacity: 0;
}
#design-gallery .item:hover h6 {
    opacity: 1;
}
@media only screen and (max-width: 1124px) {
    #design-gallery .item {
        width: 334px;
    }
}
@media only screen and (max-width: 900px) {
    #design-gallery .item {
        width: 100%;
    }
}