一些CSS属性无法与媒体查询一起使用

Question

当我尝试根据屏幕宽度更改Bootstrap 4卡的width和border-color属性时，它将获得默认值的width和border-color值。

默认CSS：

#ongoing-mobile-tournament.card{
    width: 75%;
    border-color: var(--primary-color);
}

使用媒体查询：

@media only screen and (min-width: 768px){
    #ongoing-mobile-tournament.card{
        width: 25%;
        border-color: blue;
        display: none;
    }
}