@media screen and (max-width: 900px) {
    .onlymobile{
        display: block;
    }
    .onlydesktop{
        display: none;
    }
    .cardsContainer{
        overflow-x: auto;
        height: 60vh;
    }    
}
/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {
    .onlymobile{
        display: block;
    }
    .onlydesktop{
        display: none;
    }
    .cardsContainer{
        overflow-x: auto;
        height: 60vh;
    }
}