.project-section {
    flex-direction: column-reverse;
}

.project-section:hover {
    border-radius: 4px;
    background-color: rgba(169, 169, 169, 0.4);
}

.project-section:hover .thumbnail {
    border-color: rgba(207, 207, 207, 0.4);
}

.project-info a{
    color: var(--success);
    text-decoration: none;   
}

.project-info a h6 {
    color: var(--success);
}

@media screen and (min-width: 576px) { 

}

@media screen and (min-width: 768px) { 
    .project-section {
        flex-direction: row;
    }
}

@media screen and (min-width: 1200px) { 

    .project-section {
        padding-top: 60px;
    }

}