.banner {
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}
#version-list {
    justify-self: center;
}
#category .card {
    height: 180px !important;
    box-shadow: #0D338C63 0px 0px 3px;
    transition: 0.5s;
    a {
        color:black !important;
    }
}
#category .card:hover {
    background-color: #2f55ca!important;
    position: relative;
    overflow: hidden;
    transform: scale(1.04);
    color:white !important;
}
#category .card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: round;
    z-index: -1;
}


@media(max-width: 1024px) and (min-width: 600px) {
    #category .card {
        height: 150px !important;
    }
    #version-list {
        width: 50% !important;
    }
}
@media(max-width: 600px) {
    #version-list {
        width: 75% !important;
    }
}