.col-skills .col-interior,
.col-skills .col-interior * {
    transition: all .5s ease-in-out;
    position: relative;
}

.col-skills .col-interior:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: linear-gradient(45deg, rgba(96, 189, 252, 1) 0%, rgba(99, 129, 229, 1) 100%); */
    background: linear-gradient(45deg, rgba(101, 86, 200, 1) 0%, rgba(31, 24, 74, 1) 100%);
    opacity: 0;
    transition: all .5s ease-in-out;
}

.col-skills .col-interior:hover:before {
    opacity: 1;
}

.col-skills .col-interior:hover * {
    color: white;
    position: relative;
}

.col-skills .col-interior:hover .text-gradient {
    -webkit-text-fill-color: white !important;
}