.projectsList {
    grid-template-columns: repeat(1,minmax(0,1fr));
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    row-gap: 4rem;
    list-style: none;
}

.projectsIconShadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.projectsItemH2 {
    position: absolute;
    left: -1rem;
    right: -1rem;
    bottom: -1.5rem;
    top: -1.5rem;
    z-index: 0;
    background-color: rgb(250, 250, 250);
    /* Background-color de test */
    /* background-color: rgb(202, 164, 108); */
    opacity: 0;

    transform: scale(.95);
}

.group:hover .projectsItemH2 {
    opacity: 100%;
    transform: scale(1);
}

.projectsItemH2Span {
    position: absolute;
    left: -1rem;
    right: -1rem;
    bottom: -1.5rem;
    top: -1.5rem;
    z-index: 20;
}


.group:hover .groupHoverTextPrimary {
    color: #007bff;
}



@media screen and (min-width: 640px) {
    .projectsContainer {
        margin-top: 5rem;
    }

    .projectsList {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }



    .projectsItemH2 {
        border-radius: 1rem;
        left: -1.5rem;
        right: -1.5rem;
    }
    .projectsItemH2Span {
        border-radius: 1rem;
        left: -1.5rem;
        right: -1.5rem;
    }
}

@media screen and (min-width: 1024px) {
    .projectsList {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}