.work-column {
    position: relative;
}

.work-category {
    font-size: 1.5rem;
    color: transparent;
    /* position: absolute;
    bottom: 20px;
    right: 25px; */
    position: absolute;
    display: block;
    right: 2rem;
    left: 2rem;
    text-align: center;
    top: 50%;
    margin: auto;
    color: transparent;
    z-index: 100;
    opacity: 0;
    transform: translate3d(0, -50%, 0);
    transition: 0.3s 0s;
}

.work-column:hover {
    opacity: 0.8;
    transition: 0.2s 0.1s;
}

.wc1:hover {
    background-color: rgba(99, 13, 13, 0.527) !important;
}

.wc2:hover {
    background-color: rgba(37, 32, 32, 0.527);
}

.wc3:hover {
    background-color: rgba(48, 12, 94, 0.486);
}

.wc4:hover {
    background-color: rgba(231, 207, 68, 0.486);
}

.wc5:hover {
    background-color: rgba(72, 180, 22, 0.527);
}

.wc6:hover {
    background-color: rgba(184, 172, 172, 0.527);
}

.work-column:hover .work-category {
    color: white !important;
    opacity: 1;
    transition: 0.3s 0.2s;
}